TODO
仓库未发布带版本号的 Release，此处记录最近一次更新日期。请查看提交历史了解变更。
开源项目
Diagram Design 图表设计
让代理把架构图、时序图、象限图等画成一个自包含的 HTML 和 SVG 文件，并匹配你的品牌风格。
6.5万收藏Cathryn Lavery作者TODO版本MIT许可证
Skill 概览
用日常语言描述需要的图，代理会选择图表类型、说明计划，再写出一个双击就能打开的文件。仓库提供 45 种图表类型，风格上偏编辑排版。给它一个网站地址，它可以提取配色和字体，让后续图表保持一致。它还支持从 draw.io、Mermaid、Excalidraw 导入，并能导出 PNG 和 SVG。
核心功能
- 45 种图表类型
- 输出单个自包含的 HTML 和 SVG 文件
- 从网站提取配色和字体
- 支持导入 draw.io、Mermaid、Excalidraw
- 可导出 PNG 和 SVG
适用场景
- 为技术文档绘制系统架构图
- 把项目优先级做成象限图
- 把旧的 Mermaid 图改成统一品牌风格
安装方式
bash
npx skills add cathrynlavery/diagram-design使用说明
安装后用日常语言提要求，例如画一张包含前端、后端、数据库和缓存的架构图。想匹配品牌时，让它对你的网站执行 onboard。Claude Code 用户也可以通过插件市场安装，以便获得更新和斜杠命令。
示例工作流
- 安装技能
- 需要时先用网站完成品牌配置
- 用日常语言描述图表
- 确认代理说明的图表类型和计划
- 打开生成的 HTML 检查，按需导出
更新记录
常见问题
生成的图需要什么环境才能看？
输出是自包含的 HTML 文件，双击用浏览器打开即可。
能复用已有的图吗？
可以，README 说明支持从 draw.io、Mermaid 和 Excalidraw 导入。