Diagram Design

cathrynlavery/diagram-designAI 已审核

用途

这是一个安装在 AI 编程助手(Claude Code、Codex、Cursor、Copilot 等)内部的技能(skill)。你用自己的话描述想要的图表,助手就会生成一个包含该图形的独立 HTML 文件,风格统一:支持 45 种类型,从架构图、流程图到甘特图、桑基图和组织结构图。它可以从你的网站中提取颜色和字体,让图表与你的品牌风格一致,也能重新绘制已有的 draw.io、Mermaid 或 Excalidraw 文件,并把结果保存为 SVG 或 PNG。你需要一个 AI 助手,而这通常需要付费计划。

安装难易度

C · 需要安装 1–2 个工具 · Windows

Windows C
macOS C
Linux C

在三大系统上,你都需要先安装好一个 AI 助手,然后运行一两条命令:`npx skills add cathrynlavery/diagram-design`(需要 Node),或者在 Claude Code 中依次运行 `/plugin marketplace add` 和 `/plugin install`。生成的图表是普通的 HTML 文件,双击即可打开。在 Windows 上,README 提到符号链接需要开启开发者模式,否则安装程序会改为复制文件;导出 PNG 则需要额外安装(`pip install playwright && playwright install chromium`)。

GitHub 数据

星标: 63,4852026年10月31日
下载量: —所有发布版本
增长: +2,1075 天内新增星标

星标变化

事实

可运行于: Windows, macOS, Linux
需要安装: 其他工具, Node.js
磁盘空间: 未确定
账号或密钥: 无
费用: 免费，API 另行收费 · 这个技能本身免费(MIT 许可证)。它只能在 AI 助手内使用,通常需要付费计划或付费的 API 用量,每生成一张图表都会消耗一部分额度。
许可证: MIT (宽松型)
可以替代: Lucidchart, Visio, Figma
最近更新: 2026年10月27日

风险信号 (4)

信息会读取你的网站来提取品牌风格
README 的上手流程："onboard diagram-design to https://yoursite.com" → "fetches the homepage → extracts the dominant palette + font stack"。助手会访问你指定的网站，并把颜色写入 references/style-guide.md。README 指向 PRIVACY.md，说明这个 skill 会通过网络发送哪些内容。
AI 审核
信息图表会从 Google Fonts 加载字体
README，Offline fonts："By default a diagram loads Instrument Serif, Geist and Geist Mono from Google Fonts, the only network request it makes." 如果要求使用系统字体，文件就能完全离线使用。
AI 审核
信息关于仿冒列表的提醒
README Install："Official builds come only from this repository. LittleMight, Cathryn Lavery's company, publishes the plugin directory listings; a listing under any other name is an unofficial copy."
AI 审核
信息每次运行的结果会有差异
README，How it compares："The downsides are real. Output quality depends on the model you run it with, and the same prompt can lay out differently twice. The result is not an editable source format: there is no text to diff in a pull request and no canvas to drag a box on."
AI 审核

证据以原始语言显示。

Radar 无法验证的内容

用你自己的助手和模型生成的图表质量如何,因为作者表示效果取决于两者。
品牌信息导入功能是否真的能从指定网站中提取出正确的颜色和字体。
除了向 Google Fonts 发出的请求之外,这个技能以及生成的文件还会通过网络发送哪些信息。
列出的每一个宿主环境(Cursor、Copilot、Qoder、Pi、Kiro 等)是否都能按说明安装成功,尤其是在 Windows 上。
生成一张图表会消耗多少 AI 使用额度。