任務技能（Skills）
Diagram Design
用日常語言把架構、流程和時間線畫成可直接打開的圖解。
內容介紹
少裝一點整理 · 依據項目公開文件
適合寫開發方案、產品文件或彙報時，需要把複雜關係講清楚的人。Diagram Design 給 AI 提供圖解類型、排版和配色規則，生成帶 SVG 圖形的獨立 HTML 文件，也能參考你提供的網站配色和字體。需要能讀取 Agent Skills 的 AI 助手；核心技能採用 MIT 許可，模型或助手的使用費用另計。導出圖片等附加流程可能需要瀏覽器工具。
開始使用
接入條件尚未核對，請查看項目安裝說明。
查看安裝與使用說明 ↗依據公開文件整理，未逐一安裝實測。
可以怎麼用
- 生成架構圖、流程圖和時間線
- 按已有品牌配色與字體繪圖
- 輸出可在瀏覽器打開的 HTML 與 SVG
官方項目與文件
專案說明譯文
面向 Claude Code、Codex、GitHub Copilot、Cursor、Factory Droid 和 Pi 的編輯式圖解設計技能，提供 44 類圖解，輸出獨立 HTML 與 SVG，不使用陰影，避免套用模板化 Mermaid 圖表。
用途相近的外掛
優先匹配當前外掛的主要用途，再參考共同用途和收藏數；接入方法可能不同。
- Anthropic Skills · Frontend Design — 從產品用途出發，規劃頁面、編寫介面，再檢查布局、文字和互動是否合適。
- Taste Skill — 讓展示型網站有明確的設計方向，完成後再用瀏覽器檢查真實效果。
- OpenMontage — 讓編程助手按步驟研究選題、寫腳本、準備素材並合成影片。