# yaml-language-server: $schema=https://schema.zeabur.app/template.json
apiVersion: zeabur.com/v1
kind: Template
metadata:
    name: Smart Excalidraw
spec:
    description: Draw Professional Charts with Natural Language
    icon: https://www.google.com/s2/favicons?sz=128&domain=excalidraw.com
    variables:
        - key: PUBLIC_DOMAIN
          type: DOMAIN
          name: Domain
          description: The domain you want to bind to your Smart Excalidraw instance.
    tags:
        - Diagram editor
        - Developer Tool
        - Web
        - AI
    readme: "# Smart Excalidraw\n\n> **Draw Professional Charts with Natural Language**\n\n## ✨ Core Features\n\n### \U0001F3AF AI-Powered, Outstanding Results\nUnderstands your needs through advanced large language models, generating professional-grade charts with clear structure and reasonable layout.\n\n### \U0001F517 Innovative Connection Algorithm\nUses a proprietary smart arrow optimization algorithm to automatically calculate optimal connection points, ensuring orderly and logically clear charts, eliminating messy line crossings.\n\n### \U0001F4CA Rich Chart Types\nSupports 20+ chart types, including flowcharts, architecture diagrams, sequence diagrams, ER diagrams, mind maps, and more. AI can also automatically select the most suitable chart type based on your description.\n\n### \U0001F3A8 Perfect Excalidraw Integration\nGenerated charts are fully based on Excalidraw format, allowing free editing on the canvas, style adjustments, and detail additions, achieving perfect integration of AI generation and manual refinement.\n\n### ⚡ Ready to Use\nJust configure an AI API key to start using, no complex environment setup required. All configurations are saved locally in the browser, ensuring privacy and security.\n\n## \U0001F680 Quick Start\n\n### Method 1: Using Access Password\n\nIf the server administrator has configured an access password, you can directly use the server-side LLM configuration without providing your own API Key:\n\n1. Click the **\"Access Password\"** button in the top right corner\n2. Enter the access password provided by the administrator\n3. Click **\"Verify Password\"** to test the connection\n4. Check **\"Enable Access Password\"** and save\n\nOnce enabled, the app will prioritize using the server-side configuration, and you can start creating without configuring your own API Key!\n\n### Method 2: Configure Your Own AI\n\n1. Click the **\"Configure LLM\"** button in the top right corner\n2. Select provider type (OpenAI or Anthropic)\n3. Enter your API Key\n4. Select model (**claude-sonnet-4.5 recommended** for best results)\n5. Save configuration\n\nIt's that simple! Now you can start creating.\n\n### Creating Charts\n\nDescribe your needs in natural language in the input box, for example:\n\n- \"Draw a flowchart for user login\"\n- \"Create a microservices architecture diagram with gateway, authentication service, and business services\"\n- \"Design an e-commerce system database ER diagram\"\n\nAI will automatically generate the chart, and you can directly edit and adjust it on the canvas.\n\nFor more information, please visit the project's GitHub page: (https://github.com/liujuntao123/smart-excalidraw-next?tab=readme-ov-file)\n"
    services:
        - name: smart-excalidraw
          icon: https://www.google.com/s2/favicons?sz=128&domain=excalidraw.com
          template: GIT
          spec:
            source:
                source: GITHUB
                repo: 1086140165
                branch: main
            ports:
                - id: web
                  port: 3000
                  type: HTTP
          domainKey: PUBLIC_DOMAIN
localization:
    zh-TW:
        description: 用自然語言，繪製專業圖表
        variables:
            - key: PUBLIC_DOMAIN
              type: DOMAIN
              name: 網域
              description: 你想綁定到 Smart Excalidraw 的網域
        readme: "# Smart Excalidraw\n\n> **用自然語言，繪製專業圖表**\n\n## ✨ 核心特性\n\n### \U0001F3AF AI 驅動，效果出眾\n透過先進的大語言模型理解你的需求，生成結構清晰、佈局合理的專業級圖表。\n\n### \U0001F517 獨創連接演算法\n採用獨創的智慧箭頭優化演算法，自動計算最佳連接點，確保圖表井然有序、邏輯清晰，告別混亂的線條交叉。\n\n### \U0001F4CA 豐富圖表類型\n支援 20+ 種圖表類型，包括流程圖、架構圖、時序圖、ER 圖、思維導圖等。也可以讓 AI 根據你的描述自動選擇最合適的圖表類型。\n\n### \U0001F3A8 完美 Excalidraw 整合\n生成的圖表完全基於 Excalidraw 格式，可以在畫布上自由編輯、調整樣式、添加細節，實現 AI 生成與手動精修的完美結合。\n\n### ⚡ 開箱即用\n只需配置一個 AI API 金鑰即可開始使用，無需複雜的環境建置。所有配置保存在本地瀏覽器，隱私安全有保障。\n\n## \U0001F680 快速開始\n\n### 方式一：使用訪問密碼\n\n如果伺服器管理員已配置訪問密碼，你可以直接使用伺服器端的 LLM 配置，無需自己提供 API Key：\n\n1. 點擊右上角的 **「訪問密碼」** 按鈕\n2. 輸入管理員提供的訪問密碼\n3. 點擊 **「驗證密碼」** 測試連接\n4. 勾選 **「啟用訪問密碼」** 並保存\n\n啟用後，應用將優先使用伺服器端配置，你無需配置自己的 API Key 即可開始創作！\n\n### 方式二：配置自己的 AI\n\n1. 點擊右上角的 **「配置 LLM」** 按鈕\n2. 選擇提供商類型（OpenAI 或 Anthropic）\n3. 填入你的 API Key\n4. 選擇模型（**推薦使用 claude-sonnet-4.5**，效果最佳）\n5. 保存配置\n\n就這麼簡單！現在你可以開始創作了。\n\n### 建立圖表\n\n在輸入框中用自然語言描述你的需求，例如：\n\n- 「畫一個用戶登入的流程圖」\n- 「建立一個微服務架構圖，包含閘道、認證服務和業務服務」\n- 「設計一個電商系統的資料庫 ER 圖」\n\nAI 會自動生成圖表，你可以在畫布上直接編輯和調整。\n\n更多資訊請前往[專案 GitHub 頁面](https://github.com/liujuntao123/smart-excalidraw-next?tab=readme-ov-file)\n"