自由翻滚的风铃草
@nanting
受够了AI生成那种带厚重阴影、排版别扭的Mermaid流程图？今天GitHub单日狂揽1000+ Star的diagram-design值得所有用Coding Agent的人装上。
它给Claude Code、Codex和Pi注入了39种出版级专业图表能力，包括架构图、时序图、桑基图、鱼骨图、Wardley Map和数据库模型等。生成的全是独立的纯HTML+SVG代码，零外部依赖，没有多余阴影和花哨滤镜，天然支持浅色、深色和编辑模式，浏览器点开即用。
我昨天用它给一个微服务项目画架构图，直接在Claude Code里输入需求，它就生成了一个包含服务间调用关系、数据流向的完整架构图。比之前用Mermaid画的图好看太多了，而且可以直接在浏览器里编辑调整。
核心定位是面向编码Agent的高质量出版级图表技能插件，MIT协议开源。安装方式很简单，Claude Code内直接运行/plugin marketplace add cathrynlavery/diagram-design后执行/plugin install diagram-design@diagram-design就行。
亮点特性包括纯HTML与SVG渲染，无需构建环境；支持把现有的Mermaid或draw.io图源直接重绘成高质量排版。对于需要经常画架构图、流程图的开发者来说，这个插件能帮你省去大量调整格式的时间。
项目地址：github.com/cathrynlavery/…
在线演示：cathrynlavery.github.io/diagram-design…
话题来源 @XiaoxiVVa
13.1K阅读 ❤️171 x.com/…↗ 已改写，非原文转载
18 浏览 0 评论
0 反应
