AI画的交互机械图，凭什么这么精致？

缓存淘汰变成书架，消息队列变成弹珠轨道，Token采样变成能调温度的转盘。看到Anatomy这些作品，最有意思的地方是：物体怎么动，就在解释那个概念。

它是Ryan开源的Claude Code Skill。

给它一个概念、关键参数和输出要求，它会设计对应的机构，交付HTML、SVG或React组件。加interactive才要求可操作；需要火、水、光再加WebGL；真正空间转动用3D。

① 为什么质量高？
源码里把要求写得很具体：同一视角与明暗，零件有体积，管线接到真实接口，画面前后遮挡正确；先看整体，再放大4倍检查。运动、读数和说明由同一个小模型驱动，减少互相对不上的问题。

② 第一版也不是这样。
作者公开了猛禽发动机修改前后的原图：几何间隙问题54→0，遮挡顺序问题323→0。后来把这些错误变成检查规则。但几何检查通过，不等于真实物理原理已经验证。

③ 提示词短，打磨可不短。
作者报告的Claude活跃工作时间：机械表1小时54分，四季仪1小时57分，猛禽10小时33分，涡扇14小时，含检查修订、不含空闲。猛禽38分钟已有可运行首版；涡扇首版后又经历5轮检查修复。这些是选例，不是平均耗时或承诺。

④ 怎么开始？
安装：npx skills add wheresryan22/anatomy -g -a claude-code
先做一个容量4的LRU缓存，逐步访问A、B、C、A、D、E，检查E进入时是否淘汰B，再拿到可独立打开的HTML。

如果已有作品就合用，也可用anatomy-figures包嵌入网站，不必重新生成。

它适合技术文档、文章和教学中的机制解释。真正值得借鉴的是作者那套做法：指出一个具体问题，把它写成规则，下次让AI连检查一起做。漂亮之外，原理和效果还得自己验。

#ClaudeCode #AI工具 #AgentSkills #交互设计 #开源