Anatomy：AI生成可交互SVG插图工具

编辑点评 · AI 连续创业者视角（以下内容由 AI 提炼，观点归原作者；读完可不看原文）

Anatomy是一款免费开源的AI Agent Skill，配合Claude Code/Codex将复杂概念转化为精密SVG/3D交互图解。工具本身免费（MIT协议），但依赖用户订阅AI编码服务额度。对创业者而言，这是提升技术内容质感、降低设计成本的效率工具；最大坑在于复杂交互图生成耗时且不适合普通图表。可行动点：安装后试生成数据库连接池交互图，验证内容生产提效效果。

• 安装命令npx skills add wheresryan22/anatomy -g，需Node.js 20.10+
• 适合技术博主/独立开发者制作产品官网交互插图
• 复杂机械结构图生成耗时较长，避免用于简单数据图表
• 输出含代码的SVG/React组件，可二次修改定制
• 3D功能仍为Beta版，推荐优先使用SVG+WebGL模式

Anatomy 能直接帮独立开发者做出可交互的 SVG 图解，但只适合解释机械原理，别指望它画数据图表。

结论前置：Anatomy 不生成图片文件，而是让 Claude Code 或 Codex 写代码构建“可转动的机械”。适合做技术科普、产品官网演示；不适合做月报、KPI 看板。安装命令 npx skills add wheresryan22/anatomy -g，要求 Node.js 20.10 以上。工具本身 MIT 免费，但跑生成过程会烧你订阅的 AI 编码额度。

它怎么把“缓存”变成一把锁？

传统 AI 画缓存机制，大概率画出“请求→命中→返回”三条箭头。Anatomy 换个路子：把缓存做成一把机械锁，锁芯必须全部对齐才转动，对齐的瞬间就是缓存命中。读者不用背术语，盯着齿轮转两圈就懂了。这是它和文生图工具的底层区别——输出物是可编辑的 SVG + React 组件，不是一张 PNG。改个颜色、调个动画参数，直接改代码就行。

复杂图耗时多？先跑个简单样例试试

生成一个火箭发动机拆解图，Anatomy 要画 11 个独立零件，每个零件带 hover 交互。官方示例 Raptor Engine 能正常跑，但首次生成耗时不短（具体分钟数官网未明示）。建议第一步别直接上复杂机械，先试“数据库连接池”：10 个连接槽，鼠标拖拽借/还，满了进队列。这个图零件数量适中，交互逻辑清晰，验证工具是否装好、你的 AI 额度是否够用。跑通后再挑战齿轮、波纹水槽这类高复杂度作品。

3D 模式现在能用吗？

官方标注 3D 为 Beta 版。旋转密码盘、机械手指联动这些 demo 能跑，但生产环境不推荐。稳定方案是 SVG + WebGL：火焰、水波、光照特效已成熟，独立 HTML 页面可直接嵌官网。React 18 以上、Next.js 项目可直接导入组件。普通 ChatGPT 网页版不支持直接安装 Anatomy，得走 Claude Code、Codex、OpenCode 或 Google Antigravity 这些 Agent 入口。

最大坑：把它当通用图表工具

Anatomy 不输出柱状图、折线图、地图、人物插画。它的强项是“有明确运行机制的系统”——机器、仪器、工具、协议流程。如果你要做季度营收报表，用 AntV 或 ECharts，别在这儿折腾。另一个坑：安装器有时要求比文档更高的 Node 版本，安装失败先 node -v 检查。复杂图的几何检查（穿模、遮挡）会自动跑无头 Chrome 截图验证，但初稿结构不合理时，AI 可能反复调整，额度消耗比静态图高一截。

怎么用它赚钱

有两条路径值得看。一是给技术媒体或 SaaS 公司接交互图解外包：客户付钱让团队为数据库、Kubernetes、CDN 等概念做“机械隐喻”交互图，单张报价可参考 2000–5000 元（需按复杂度议价），交付物是可嵌官网的 React 组件，客户后续可自行改参数。启动动作：先用 Anatomy 生成 3 个不同领域样例（连接池、齿轮组、波纹水槽），打包成案例页，找 5 个技术博主或 devtool 公司 cold email。二是做“概念可视化”咨询服务：帮企业培训团队把内部架构、风控流程转成交互教具，客单可拉高到万元级，但需自己补业务理解，纯工具操作不够。两条路共性：客户要的是“懂原理的人 + 工具”，不是替客户点鼠标。

原文 · 文武科技柜：阅读原文 →

相关工具推荐（推广）：GLM Coding Plan — AI Coding Powered by G…