画架构图再也不用返工！这个14.5k星的JSON→SVG神器，AI生成精准可编辑

你有没有过这种崩溃时刻——好不容易写完一篇技术文档，配图时发现那个”架构图”歪歪扭扭，中文标签还对不齐？或者接了一个需求，要给甲方爸爸画一套出版级的工作流图，AI 生成的图要不糊成一团，要不导出格式根本没法二次编辑？

最近挖到一个解决这个痛点的 Skill，名字叫 figure-spec，来自 GitHub 14.5k 星的神仙仓库 wanshuiyin/Auto-claude-code-research-in-sleep。

它能干啥？

一句话：把你写的 JSON 结构描述，变成出版级的可编辑 SVG 架构图/流程图。

不是那种 AI 画图工具——它是确定性的，相同的 JSON 输入永远输出完全一样的 SVG。不会今天生成一个风格，明天又变了。这对于需要配图风格一致的技术博客、论文、PPT 来说，简直是刚需。

支持的图类型包括：
– 系统架构图（分层式、中心辐射式、多平面式）
– 工作流 / 管道图（左到右流程）
– 审计级联图（流程控制类）
– 系统拓扑图

核心优势说人话版

确定性渲染：同一份 JSON，每次跑出来的 SVG 像素级一致。这意味着你可以把 JSON 提交到 Git，用版本管理追踪图的变化——设计师狂喜。

完全本地运行：不需要任何外部 API，不联网，不要 API Key。Python 脚本在本地跑，数据完全不外传。

中文标签完美支持：多行中文标签有专门的字宽估算算法，不会出现中文挤成一团或者超出边框的问题。

输出可编辑：SVG 是纯文本格式，生成之后你还可以手动微调节点位置、颜色、标签文字，不需要再回炉重画。

有校验机制：输入的 JSON 如果格式不对，渲染器会直接报错，而不是给你一张奇奇怪怪的图。

安装使用有多简单？

一行命令装进 Claude Code：

npx skills add wanshuiyin/Auto-claude-code-research-in-sleep --skill figure-spec -g -y

装完之后，让 Claude 画架构图，直接说中文就行——”画一个微服务架构图，包含 API Gateway、Auth Service 和 User Service”。它会帮你生成 FigureSpec JSON，然后调本地 Python 渲染器输出 SVG。

和 Mermaid 啥区别？

Mermaid 轻量快速，适合简单流程图。但如果你的图需要精确布局、特定形状（矩形/菱形/圆形混用）、多层级分组标注，并且要后续可编辑，Mermaid 就有点勉强了——它输出的是位图类格式，调整细节基本靠重跑。

figure-spec 的 JSON → SVG 路径，让你完全掌控每个节点的坐标、形状、连接线和分组。

适合谁用？

• 写技术博客 / 文档需要配精准架构图的开发者
• 写论文需要可编辑矢量图的研究者
• 做 PPT 需要风格统一流程图的职场人
• 需要让 AI 生成确定性配图，而不是每次都”随机发挥”的任何人

GitHub 仓库：https://github.com/wanshuiyin/Auto-claude-code-research-in-sleep
直接搜 figure-spec Skill 安装即可。

GitHub: https://github.com/wanshuiyin/Auto-claude-code-research-in-sleep