北京
一个 agent skill，一句话让 Claude Code / Codex / Cursor 直接画出一个自包含的 HTML + SVG 图。这是 diagram-design 想解决的事：不用打开画图工具，不用手调坐标，指令丢进去，图出来。
它覆盖的图型有 45 种，架构图、时序图、桑基图都在里面。输出不是截图，是 HTML 与 SVG 的组合，图本身自带结构，不是一张死图。
真正让人觉得别扭的地方在规则上。全图只用一个强调色，没有阴影，所有坐标都能被 4 整除。单色配色、坐标对齐，这些平时靠设计师手感兜底的东西，被写成了硬约束。
安装方式给的是 npx 命令。装完之后，输入一个网站链接，就能抓取那个站点的配色方案与字体，让生成的图往目标风格上靠。配色和字体不用自己一项项填，链接就是参数。
坐标全是 4 的倍数，听起来像强迫症，实际是布局整齐的来源。元素落在同一套网格上，间距不会出现 3px、5px 这种零碎值，图看起来就不会歪。
对天天画架构图的人来说，这套东西的价值不在“能画”，在“画得一致”。同一个项目里十张图，配色不打架、对齐不飘，比单张图好看更难做到。
一句话生成、45 种图型、单强调色、坐标整除 4——这几个条件凑在一起，指向的是一种可复现的图表产出方式。图不再是手工活，而是指令的产物。
特别声明：以上内容(如有图片或视频亦包括在内)为自媒体平台“网易号”用户上传并发布，本平台仅提供信息存储服务。
Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.
