cathrynlavery/diagram-design:给编码智能体一套编辑级图表设计
来源:GitHub — 2026-10-11 · ⭐ 48,694 stars · 今日 +1,189 · HTML
📋 概述
diagram-design 是一套给 Claude Code、Codex、Copilot、Cursor 等工具用的图表技能:用自然语言描述需求,智能体自己挑图表类型、说明方案,最后产出一个自包含的 HTML+SVG 文件,样式按你的品牌走。它内置 44 种图表类型与设计规则,明确不要阴影,也明确不要 Mermaid 那种模板感;还能把技能接到你的站点上,抓取配色与字体,之后每张图都跟网站风格保持一致。以 HTML 实现,累计约 4.87 万星、单日新增 1,189 星,MIT 协议。
🔑 核心要点
- 一句话描述需求,智能体自己选定图表类型、说明方案并写出单个自包含的 HTML 文件。
- 内置 44 种图表类型与设计规则,明确不要阴影,也不要 Mermaid 的模板感。
- 可以让技能读取你网站的配色与字体,之后所有图表自动对齐站点风格。
- 以 HTML 实现,累计约 4.87 万星、单日新增 1,189 星,MIT 协议。
💡 金句
难点从来不是能不能画图,而是画出来的图像不像有人认真设计过。
👍 0
👎 0
← 返回 GitHub Trending 首页