cathrynlavery/diagram-design:给智能体一套编辑级图表设计
来源:GitHub — 2026-10-14 · ⭐ 53,772 stars · 今日 +1,813 · HTML
📋 概述
diagram-design 是一套给 Claude Code、Codex、GitHub Copilot、Cursor、Factory Droid 等工具用的图表技能:用自然语言描述需求,智能体自己挑图表类型、说明方案,最后产出一个自包含的 HTML 加 SVG 文件,双击就能打开。它内置 45 种图表类型与明确的设计规则,要求不要阴影,也明确不要 Mermaid 那种模板感;一条 npx skills add cathrynlavery/diagram-design 就能装上。把技能指向自己的站点后,它会抓取配色与字体,之后每张图都跟网站风格一致;还支持从 draw.io、Mermaid、Excalidraw 导入,导出 PNG 与 SVG。以 HTML 实现,累计约 5.38 万星、单日新增 1,813 星,采用 MIT 协议。
🔑 核心要点
- 一句话描述需求,智能体自己选定图表类型、说明方案并写出单个自包含的 HTML 文件。
- 内置 45 种图表类型与设计规则,明确不要阴影,也不要 Mermaid 的模板感。
- 可以让技能读取你网站的配色与字体,之后所有图表自动对齐站点风格。
- 支持从 draw.io、Mermaid、Excalidraw 导入,并可导出 PNG 与 SVG,累计约 5.38 万星。
💡 金句
难点从来不是能不能画出图,而是画出来的图像不像有人认真设计过。
👍 0
👎 0
← 返回 GitHub Trending 首页