你的技术文档图表，终于可以不丑了

写技术文档的时候，你有没有这种崩溃瞬间——
画架构图？打开 Draw.io，拖拖拽拽半小时，配色像上世纪的 PPT。
画流程图？Mermaid 语法倒是很快，但出来效果总觉得差点意思，像是「程序员审美」的教科书案例。
想要精美一点？请设计师排期，等三天回你一句”这个箭头能不能粗一点”。
如果你也在 Claude Code 里写东西，今天这个项目可能会解救你。
diagram-design，一个专为 Claude Code 设计的 Skill，口号很直接：
“Editorial diagrams your designer won’t hate.”
（你的设计师不会讨厌的编辑级图表。）
什么意思？简单说，你只用打一行自然语言，比如：
“帮我画一个前端-后端-数据库-Redis 的架构图。”
它就会吐出来一张可以直接贴进文章、塞进 PPT、丢进 README 的图表。不是截图，不是图片，是纯 HTML + SVG，浏览器打开就能用，放大也不糊。
【14 种图表，覆盖你 90% 的需求】
架构图、流程图、时序图、状态机、ER 图、时间轴、泳道图、四象限、树形图、韦恩图、金字塔……常见的技术图表类型基本齐了。而且每种图都有三种视觉变体——极简浅色、极简深色、全编辑风格——适配不同场景。
【60 秒品牌适配，告别”千人一面”】
最惊艳的功能是这个：你给个项目官网地址，它自动抓取你的品牌色、字体、背景色，映射成图表的配色方案，还自动做 WCAG 对比度检查。从此你文档里的图表和官网风格完全一致，像是有个隐形设计师在帮你兜底。
【零依赖，随处可用】
输出没有外部图片、没有 JavaScript、没有构建步骤。就是一个 HTML 文件，双击打开就行。贴到 Notion、飞书、语雀、GitHub，甚至直接发邮件，都不会崩。
【谁做的？】
Cathryn Lavery，BestSelf.co 的创始人。她做这个项目不是炫技，而是真的在解决一个日常痛点：AI 生成的内容越来越好了，但 AI 生成的图表大多数仍然很丑。
diagram-design 想做的，就是让技术人也能拥有”编辑级”的视觉输出——不用学设计，不用装软件，一句话搞定。
【试试？】
如果你已经在用 Claude Code，直接克隆技能仓库链接到 skills 目录就能用；想快速体验也可以通过 Plugin 一键安装。
GitHub：cathrynlavery/diagram-design
下次写技术方案的时候，不妨让它帮你画张图。说不定你会发现——你的设计师，真的没话说了。
本期工具箱推荐 · 如果觉得有用，点个「在看」或者转发给那个总画丑图的朋友。