你知道让AI画个架构图有多气人吗？我上周让Claude画个系统流程图，它给我整了一堆圆角方块，每个块还带着投影，活像PPT模板里抠出来的。我盯着看了十分钟，最后还是自己开Figma重画了。
今天在GitHub上刷到一个东西，叫diagram-design，正好治这个病。这人写了二十七个图表类型，全是编辑级的排版——没有阴影，没有那种Mermaid生成的丑线条。最狠的是它能读你网站的样式，六十秒内让图跟你品牌风格对齐，不用在调色盘里磨半小时。
我看了下它列的类型，从架构图、流程图、时序图到象限图、雷达图、甘特图都有，甚至有漏斗图、泳道图和那种咨询顾问最爱用的2×2矩阵。最妙的是它把语义和布局分开——队列、策略追踪、信任边界这些概念，能复用已有的类型，不用无限扩张。
作者有句话挺戳我：最高质量的画法通常是删减。每个节点都得挣它存在的位置，强调色只留给读者该先看的那一两个东西，密度目标定在4/10。这让我想起许慎写《说文解字》，他骂当时的俗儒按笔画瞎拆字讲道理，然后立了五百四十个部首，让每个字的来路有据可查。这工具干的事差不多——给AI画图立了个部首系统，让每个元素都有来历。
它输出的是纯静态HTML，没有构建步骤，没有JavaScript依赖，浏览器直接打开就能看。也能把draw.io或Mermaid的源文件重画成你想要的格式和精细度。看来被AI丑图气到的人真不少。