GitHub热榜
智能体与MCP涨星 +7901榜单日期 2026-10-25整理:AI雷达增益 0捕获 0

Diagram Design:让 AI 画出杂志级商务图表

给 Claude Code、Codex、Cursor 等 AI 编程工具用的绘图技能,让 AI 画架构图不再输出廉价的 Mermaid,而是单文件 HTML+SVG、可套用你品牌配色的成品图。做方案文档、公众号配图、客户交付都能直接用。一条 npx skills add 命令即装,会用 AI 编程工具就能上手。

项目自述 · 据 README 提炼

AI 画图常被吐槽一股 Mermaid 味:配色廉价,没法放进正式文档。Diagram Design 是一个 agent skill,教 Claude Code、Codex、GitHub Copilot、Cursor、Factory Droid、Pi 这些编程智能体按编辑设计水准画图:输出是单个自包含的 HTML+SVG 文件,共支持 44 种图表类型,官方口号是无阴影、拒绝 Mermaid 烂图;还能通过 onboarding 流程匹配你的品牌色和字体,让图表长得像你公司出的。已画好的 drawio、Mermaid、Excalidraw 文件可以导入重绘,成品可导出 PNG/SVG。上手只需一条命令:npx skills add cathrynlavery/diagram-design,装完在对话里直接让它画即可,官网有 Gallery 可先看效果再决定装不装。适合要给客户交方案、写技术博客、做课程或自媒体配图的人——图好看,交付物就值钱,这本身就是能拿去接单的差异化能力。

cathrynlavery/diagram-design · 创建于 6 个月前

2026-10-25 榜单 · ★ 7,901(进页自动刷新) · 本期涨星 +7901 · Fork 3,095 · 语言 HTML

标签:agent-skills / claude-code / codex / data-visualization / diagrams / drawio / mermaid / svg

GitHub 仓库 ↗   项目主页 ↗

做AI项目,先看AI雷达 - AiRadar.com.cn · 全部GitHub热榜 →