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 根据项目说明整理，实际用法请以官方文档为准。