用AI画架构图的人应该都遇到过这个问题：Mermaid生成的图要么阴影太重，要么…

用AI画架构图的人应该都遇到过这个问题：Mermaid生成的图要么阴影太重，要么排版别扭，拿出去见客户总觉得差点意思。 diagram-design这个项目专门解决这个问题。它给Claude Code、Codex和Pi注入了39种专业图表能力，包括架构图、时序图、桑基图、鱼骨图、Wardley Map和数据库模型等。生成的全是独立的纯HTML+SVG代码，零外部依赖，没有多余阴影和花哨滤镜，天然支持浅色、深色和编辑模式，浏览器点开即用。 我昨天用它给一个客户项目画了套微服务架构图，从Mermaid源直接重绘成高质量排版，整个过程不到5分钟。以前用Mermaid画这种图，光调样式就要花半小时，还不一定能调到满意。 最爽的是它支持把现有的Mermaid或draw.io图源直接重绘成高质量排版。你之前画的那些丑图，现在可以一键升级了。 项目地址：github.com/cathrynlavery/… 在线演示：cathrynlavery.github.io/diagram-design… Claude Code里直接运行/plugin marketplace add cathrynlavery/diagram-design后执行/plugin install diagram-design@diagram-design就能装上。MIT协议，随便用。