Anatomy 是什么？一句话把技术概念做成可交互装置，AI 科普图生成教程

Anatomy 是一个面向 Claude 等 AI 编程助手的 Agent Skill，它的核心思路很特别：当你让 AI 解释一个技术概念时，它不会只给你一段文字，而是把这个概念「造」成一个真实运转的物理装置。比如缓存键在数据未变时跳过计算，会被做成一把只有所有弹子都对齐才能转动的弹子锁；一个 GPU 上下文服务多个画布，则被做成龙门绘图仪，让单个打印头依次访问 16 个孔位。这些装置由数十个带四色阴影的等距小零件拼装而成，放在带标题、提示与实时读数的卡片里，能随鼠标与键盘平稳运动，并通过放大每个关节来自检。

项目以标准 Agent Skill 形式分发，支持 Claude Code、Antigravity、OpenCode、Codex 与 MiniMax Code，安装无需 API Key，也不依赖 npm 安装，只用 Node 内置模块。项目地址见 GitHub 仓库。

痛点是什么

技术概念往往抽象又绕口，纯文字解释看完就忘，静态配图又讲不清「它到底怎么动起来」。做科普视频或技术分享的人，常常卡在把原理转成可视化这一段：手绘费时，找现成素材对不上，用通用绘图工具又做不出精确的机械结构。结果就是内容干瘪、观众看不懂，创作者也难持续产出。Anatomy 想解决的正是「把抽象原理变成可交互实物」这一环，让解释本身成为一件能看、能转、能拆的东西。

主要功能特点

Anatomy 用同一套工具包、同一台等距相机和一套工艺规则，产出三种形态的图形，覆盖从纯矢量到带特效再到真三维的表达需求。

等距 SVG 实体图

用四色阴影的实体零件从后往前绘制，配实时读数与缓动动画，可导出独立 HTML、单文件 SVG 或 React 组件。

SVG 叠加 WebGL 特效

火焰、尾焰、水波、焦散、灯光等线条画不出的效果，用着色器嵌在前后两层 SVG 之间，仍保持同一等距视角。

3D 旋转模式（Beta）

表盘、转台、弯曲手指等真正转动的零件逐帧重投影重着色，其余部分保持静态画面，兼顾真实感与性能。

为什么值得关注

它把「解释」从文字和静态图推进到可交互装置，且所有数字都来自驱动零件运动的同一套小模型，画面与逻辑自洽。对科普创作者和开发者来说，这是一种全新的表达工具。

一句话生成可交互科普图

在 Claude Code 中输入 /anatomy 加一句描述，即可得到带运动与读数的完整图形页面。

多助手通用且零配置

支持 Claude Code、Antigravity、OpenCode、Codex、MiniMax Code，无需 API Key 与额外依赖。