diagram-design

適合用來

• 用自然語言請 agent 畫架構圖、象限圖、時序圖等 45 種圖表之一
• 把圖表畫成單一自包含的 HTML + SVG 檔案，雙擊即可開啟
• 用 onboard 指向你的網站，讓後續每張圖沿用你的配色和字型
• 從 draw.io、Mermaid 或 Excalidraw 匯入，或匯出成 PNG、SVG

怎麼開始

1. 執行 npx skills add cathrynlavery/diagram-design
2. 在 Claude Code 執行 /plugin marketplace add 與 /plugin install diagram-design@diagram-design
3. 用白話描述需求，例如畫一張前端、後端、資料庫、Redis 快取的架構圖
4. agent 會選圖表類型、說明計畫，再寫出一個 .html 檔

使用前須知

相容 Cursor、Claude Code、Codex、Qoder、GitHub Copilot、Gemini CLI 等。官方版本只來自此儲存庫，PRIVACY.md 列出此 skill 的網路傳輸內容。

以上由 AI 依據專案說明整理，實際用法請以官方文件為準。