diagram-design

diagram-design 是 Cathryn Lavery 开源的画图 Skill，各平台的插件由她的公司 LittleMight 发布。用平常的话告诉 AI 要画什么，比如应用架构图、按影响和难度排的四象限图、某个流程的先后顺序，AI 会挑好图型、说明计划，再写出一个双击就能在浏览器里打开的 HTML 文件，图用内嵌的 SVG 画成。它支持 45 种图型，包括流程图、时间线、组织架构、韦恩图、漏斗、甘特图和多种数据图，每种都有浅色、深色和编辑排版三种样式。给它一个网址，它能提取那个网站的配色和字体，之后的图都按这套品牌来；已有的 draw.io、Mermaid、Excalidraw 图也能重画成这种风格，再导出 PNG 或 SVG 放进幻灯片和社交卡片。它特别的地方在于把审美写成了具体的规矩：强调色只留给最重要的一两处，线条只用 1 像素细线，不用阴影，所有坐标对齐 4 像素网格。作者也写明了短处：同一句话两次生成的版面可能不一样，成品不是能拖动方框的可编辑格式，放在 Git 里频繁修改的文档图还是 Mermaid 更合适。

适合谁：写文章、做汇报、做课件时想配一张好看的图，又不想打开设计软件一个个拖框的人。需要会用 Claude Code、Codex、Cursor 这类支持 Skill 的 AI 工具。

使用前提：用 npx skills add cathrynlavery/diagram-design 安装，Claude Code、Codex、GitHub Copilot 等也可以从各自的插件市场安装。作者的隐私说明写明这个 Skill 没有服务器、没有账号，也不收集数据；你提供的内容由你使用的 AI 服务商处理。生成的图在浏览器里打开或导出 PNG 时会向 Google Fonts 请求字体，删掉字体链接就改用系统字体。官方版本只从这个仓库发布，用其他名字上架的同名插件是非官方副本。成图质量取决于你用的模型。许可证是 MIT。

以上根据项目公开说明整理，本站没有实际测试。