Anatomy：用真实机械图解概念的技术图谱生成器

痛点：技术文档里的图为什么总是"糊弄"？

写过技术文档的人都懂这个尴尬：文字写得很清楚，但图一放上去就露馅了——方块箭头流程图、简陋的示意图、甚至一张随手截的界面图，读者看了毫无感觉。你想画个专业点的，但又不会 Figma，不想开设计软件，更不想花几小时做一张图。

更本质的问题是：大多数技术图只是为了"有图"而存在，并不真的帮助理解。一个讲缓存淘汰策略的文档，配一张写着 "LRU" 的方框图，和配一张真正模拟了抽屉式文件柜运作方式的等距剖面图，哪个让人秒懂？

Anatomy 解决的就是这个问题：让 AI Agent 帮你画一张"有灵魂"的技术图。

背景：2026年新晋爆款 Skill，5天破8000星

Anatomy 由独立开发者 wheresryan22 创建，2026年10月8日上线 GitHub，上线仅5天即突破 8,800 Stars，日均增长约 1,250，持续加速。作为 Agent Skill 赛道的新晋选手，它的定位非常明确：不是画图工具，是让 AI 理解"如何用实物来解释抽象概念"的 Skill。

项目同时兼容 Claude Code、OpenCode、Codex 和 Antigravity，只要安装 Skill，AI 就能生成等专业等距图。

核心思路："物体即解释"

Anatomy 的设计哲学只有一个核心：The object is the explanation（物体即解释）。

不要画方块、箭头和标签。发明一个真实的、精良的物理机械，让它的工作方式本身就对应你要解释的概念：

这个思路的神奇之处在于：读者不需要懂机械工程，也能从图里读懂概念——因为人天然理解"机器的工作方式"。

核心技术：SVG等距图 + WebGL 特效

生成的图是一种叫**等距图（Isometric Illustration）**的精密画法：

• 四色调渐变：每个零件用亮/中/暗/最深四色表现立体感
• 正确的画家算法：零件叠加顺序正确，前景永远在前
• 带边框卡片：每张图带标题、提示文字和实时读数
• 缓动动画：机械零件有真实的工作动画，而非静态图

更厉害的是，Anatomy 可以在 SVG 里嵌入 WebGL 着色器——火焰、烟雾、水波、焦散、灯光效果——并且这些特效的视角和 SVG 等距图完全一致：火箭发动机喷火、水波干涉图、电弧放电效果、旋转文件柜动态切换。

生成的产物是一个单文件 HTML，包含内联 SVG + WebGL，零依赖，直接浏览器打开即可分享。

八大内置案例

项目自带 8 个完整案例，安装 Skill 后直接参考：

• dial-indicator：带支架的指针式表盘，约300行代码
• desk-computer：框架无关 SVG 台式计算器
• arcade-cabinet：街机外壳，完整屏幕动画
• turning-dial：带指针旋转动画的分度盘
• raptor-engine：猎鹰火箭发动机爆炸图 + 喷火
• ripple-tank：水波干涉图案（WebGL）
• plotter：平面绘图仪完整机械结构
• cabinet-of-drawers：旋转式文件柜（热/冷存储可视化）

每个案例用 node examples/<name>/build.mjs 生成，产出独立 HTML 文件，--light 参数切换亮色主题。

怎么安装

npx skills add anatomy

或者直接告诉 Claude Code："帮我安装这个 Skill：https://github.com/wheresryan22/anatomy"

技术规格

• 语言：JavaScript / TypeScript
• 框架：框架无关（纯 SVG + WebGL，可嵌入 React/Next.js）
• Node 版本：≥ 20.10
• 依赖：0（零外部依赖）
• License：MIT

局限与挑战

1. 依赖 Chrome 校验：最终输出需要 Chrome 跑截图测试，纯服务端环境配置较麻烦
2. 生成成本高：等距图细节丰富，单张 SVG 可能数千行代码，AI 每次生成耗时较长
3. Prompt 敏感性：需要清晰描述机械结构细节，模糊需求可能生成"四不像"
4. 仅限机械/技术题材：对于非机械类概念（如社会学、文化类），Anatomy 的机械图解方式可能不适用

行业意义

Anatomy 代表着 AI Skill 的一个新方向：不是让 AI 执行操作，而是让 AI 学会一种"解释风格"。它证明了好的 Skill 不需要调用工具，而是定义"看问题的方式"。SVG 等距图是技术文档可视化的下一个增长点——比流程图更有表现力，比 Figma 更快。作为 2026年10月的新晋 Skill，Anatomy 的增长曲线值得关注。

数据来源：GitHub API（stars: 8,812, updated 2026-10-14）；项目许可：MIT License