Anatomy：让智能体把一句话造成能拆能转的机器

npx skills add wheresryan22/anatomy --skill anatomy

让 Claude「画张图解释 XX」，你大概率收到几个方块、几支箭头，零件在干嘛全靠读者脑补。Anatomy 是 Ryan 开源的 Claude Code 技能，走的是另一条路：它要求智能体把概念造成一台真机器——发明一个机制即概念的装置，逐零件画成等轴测图，能拖、能按、能拆开看内部。仓库 2026 年 10 月 8 日创建，MIT 协议，截至 2026-10-11 约 830 星。README 给的映射很直白：内容没变就跳过重绘的缓存键，画成一把弹子锁，齿全对上才转；一个 GPU 上下文伺候多块画布，画成一台 16 井龙门绘图仪。

它让智能体怎么画

SKILL.md 定死十步工作流。第一步是给请求定级：Figure 40–80 个零件、30–90 分钟；Hero 80–150 个零件、2–4 小时；Epic 六小时起步，用户不点头就不开工。第二步收集真实数字——图上的读数、运动和说明必须出自同一个模型。然后发明对象、写至少 40 个零件的清单，用自带绘图库一次建好几何，从后往前按深度上色，装进带编号、标题、操作提示和实时读数的卡片。最后像审稿人一样自查：--audit 几何审计要证明静止、拆开、爆炸图的每一帧里没有任何管线穿过别的零件、所有重叠都按真实深度绘制；无头 Chrome 逐张读截图，每条线都要落在实体上。

三种产出

• 纯 SVG：独立 HTML、内嵌样式的单文件 .svg，或 React/Next.js 组件（需把 kit 拷进项目），最小例子约 300 行。
• SVG 加 WebGL：线条画不出的火焰、尾焰、水波焦散、灯光、蒸汽，由夹在前后两层 SVG 之间的着色器绘制，与图纸共用同一台等轴测相机；没有 WebGL 时 SVG 依然可读。涟漪水箱是这块的参照：一层把灯的焦散投在纸屏上，另一层画水面反射。

• 3D（beta）：转盘在真 3D 里转，手指抬起，零件脱落成自由体；小图 60 fps，380 零件的压测手在 1440px 宽约 20 fps。

仓库自带 8 个完整例子，构建产物直接提交，打开 HTML 就能玩：桌面计算机约 85 个实体，街机柜约 240 个实体加 15 条线缆。官网 collection 收了 33 张图，走得更远——罗罗 Trent 970（A380 的发动机）541 个实体，官方页面写明前后 14 小时建成，审计量了 6320 对重叠；这些图例打包成 npm 包 anatomy-figures，可直接装进 React 项目。

它盯死什么

• 实体不上线框：零件填色、按序遮挡，没有虚线隐藏线。
• 线条有落点：每条线结束在面上、另一条线上或端点圆点上，空中不悬标签。
• 管线不穿件：管道线缆与任何零件留约 1.5 倍半径净距，遇法兰管卡开缺口，审计不过不收工。
• 动效不许跳：着色器走带起落的包络，相位切换用交叉淡化；页面离屏即停，reduced motion 下整图静止。

适合谁

经常给文档、博客、落地页配原理图的工程师和技术写作者，以及做机械或算法科普的内容作者。安装一条命令：npx skills add wheresryan22/anatomy -g -a claude-code（Node 20.10+，零依赖），然后 /anatomy 解释一个令牌桶限流器，要可交互。想从最小的例子抄起，dial-indicator 那 300 行最合适；要的是能自由环游的整个 3D 场景，threejs-architecture-effects 更对路，Anatomy 的强项在零件级的机械叙事。

诚实的提醒：慢是设计出来的，一个 Figure 要 30–90 分钟，官网那台发动机花了 14 小时；3D 模式还是 beta，自检脚本要本机装 Chrome。它也当不了图表库——没有坐标轴和数据系列，趋势图帮不上。