你八成也遇到过这种时刻：让 AI 解释一个技术概念，它认认真真给你画了张流程图——几个方框，几根箭头，旁边标着英文缩写。你盯着看了三分钟，该不懂还是不懂。写文档的人更头疼，产品说明、内部培训、公众号配图，想配张像样的原理图，要么自己用画图软件耗一晚上，要么花钱请设计师，出来的还是那种方框箭头。
今天这个项目换了个思路。据榜单抓取数据（2026 年 10 月 19 日上午），它叫 Anatomy，在 GitHub 近 30 天新建仓库的总星数榜上排第 4 名，16,035 颗星——2026 年 10 月 8 日才建仓，11 天就涨到这个数，平均一天一千多星。它是一个 JavaScript 写的 Claude 技能，MIT 许可证。这里解释一下「技能」：Claude Code 是一个在终端里干活的 AI 编程助手，技能就是给这个助手装的一个专门本事，装上之后你喊一声，它就会这一手。
它的本事是什么？按官方 README 的说法：解释一个概念，不是画方框，而是把概念造成一件真东西，让这件东西的运转方式本身，就是那个概念。官方给了一个例子：「缓存键」这个概念——内容没变就跳过重复工作——会被它造成一把弹子锁：只有所有弹子都对位，锁芯才转得动。你转一遍这把锁，缓存键的原理就进了脑子。这个思路跟方框箭头的区别，官方原话是，让 AI 自己发明那件物件才是主要工作量，而它做得比一段方框加箭头的描述好。
产出长什么样？据 README 介绍，是一张装在卡片里的等轴测图——等轴测就是斜 45 度视角的立体画法，机械说明书常用那种。由几十上百个带明暗的实体零件拼成，卡片带标题、提示语和实时读数，能用鼠标和键盘操作，可以悬停拆解、拖动转动。它有三档产出：纯 SVG（一种用数学描述线条的图片格式，放大不失真）；SVG 加 WebGL（让浏览器渲染火焰、水波这类效果的 3D 技术），比如封面那台 Raptor 火箭发动机点火图，尾焰就是 WebGL 画的；还有 beta 版的 3D 模式，零件能在真三维里转。交付形态随你挑：独立网页、单个 SVG 文件，或者 React 组件（前端开发常用的一种页面组件格式）。
!Raptor 发动机悬停即可拆解成 11 个组件，每一处管路都经过几何审计（图源：项目官方 README）
官方图库里还有一台投币后能看到硬币滚进钱箱的街机柜（约 240 个零件）、一个演示波干涉的涟漪水槽，以及下面这个 3D 模式的密码转盘——拖动它，约 90 个零件每一帧都在重新投影和着色。
!3D 模式的密码转盘，一只机械手搭在转盘上（图源：项目官方 README）
图靠谱不靠谱？这点官方做得挺较真：每张图都要过一遍「几何审计」——自动检查没有零件互相穿帮、每个端点都装到位，还会用无头 Chrome（不带界面的浏览器）给自己生成的图截图，逐张检查。不过 README 也如实说了：图里的数字来自驱动零件运动的小模型，是示意值，不能当工程参数用。
它解决什么麻烦？做讲解内容的人都懂：抽象概念靠文字讲不透，靠方框图又太干。把概念做成一台能上手玩的机器，理解成本直接掉一截。写技术文档的、做教学课件的、运营公众号要配原理图的，这都是原来要花钱花时间、现在能让 AI 代劳的活。
怎么装？官方一条命令：npx skills add wheresryan22/anatomy -g，装完它会问你要给哪个工具装（Claude Code、Antigravity、OpenCode、Codex、MiniMax Code 都支持）。前置条件是 Node.js 20.10 以上版本和一个 Chrome 浏览器，不用申请任何 API 密钥，也不用装依赖包，门槛不高。安装卡壳就把 README 丢给编程 AI 带你走。装好后在 Claude Code 里输入 /anatomy 加一句话描述，比如官方给的例子：用交互方式解释令牌桶限流器怎么工作。有三个官方建议能让图更好：说清要解释什么并给真实数字，别管它该怎么画——物件由它自己发明；想用在哪（网页、SVG 文件还是组件）、浅色还是深色，一并说了。也得知道它的边界：它不画数据图表、不画人物，而且故意做得慢，一张复杂图构建要几分钟，3D 审计要 15 到 20 分钟——慢工出细活，但赶时间的时候要有预期。至于 MCP 和批量自动化，官方文档没有专门写。提醒一条：装它会复制约 10 MB 的代码到你的工具目录，还会启动浏览器做自检，公司电脑如果管得严可能被拦，介意的话装到单个项目里而不是全局。
项目地址：github.com/wheresryan22/anatomy。看不懂的东西，画十张方框图不如造一台摸得着的机器。我先看明白了，你跟上。