cathrynlavery/diagram-design

它是做什么的

这是一个面向 Claude Code、Codex、GitHub Copilot、Factory Droid、Pi 等编码代理的图表设计技能包。它让代理直接产出编辑级质量的图表，而不是千篇一律的圆角方块和 Mermaid 风格图。输出为自包含的 HTML + SVG，无阴影、无构建步骤。

仓库包含什么

仓库包含 42 种图表类型的技能定义与模板，覆盖架构图、流程图、飞轮、Sankey、鱼骨图、Wardley 地图、看板、用户旅程、UML 类图、数据库 schema 等。每种类型提供 minimal light、minimal dark、full-editorial 三种静态变体，并附带截图与项目站点。

技术栈

以 HTML 和 SVG 为核心，输出完全自包含、无需 JavaScript 或外部图片依赖。技能可运行在支持 Agent Skills 的宿主中，并能重绘 draw.io、Mermaid、Excalidraw 源文件。

适用场景

• 使用 Claude Code、Codex 等编码代理写文档、博客或技术方案的开发者
• 需要快速产出品牌一致架构图、流程图但不想打开 Figma 的工程师
• 希望把 draw.io、Mermaid、Excalidraw 旧图重绘成高质量版本的团队
• 对图表审美有要求、追求极简编辑风格的内容创作者

为什么走红

上线即冲上 GitHub Trending 日榜第 5 名，今日新增 825 star，总 star 达 45298。它精准击中开发者「让 AI 画图但结果很丑」的痛点，用编辑级审美替代 Mermaid 的廉价感。

当前上榜位置