介绍 Anatomy
用一句话描述一台机器。Claude 让它活起来。
- 可交互的等距线框模型，你可以旋转、检视和探索
- 用于火焰、水流、等离子体等的 WebGL 着色器
- 真正的 3D 运动，各个部件可独立旋转和移动
将其安装为 agent skill。完全开源。
https://github.com/wheresryan22/anatomy
https://skills.wheresryan.sh/anatomy
Anatomy 安装教程：一条命令装进 Claude Code，开源免费可商用
Anatomy 是一个面向 Claude 的 Agent Skill，它的核心思路很特别：当你让 Claude 解释一个技术概念时，它不会只给你一段文字，而是让 Claude 把这个概念「造」成一个真实可动的物体。比如缓存键在数据没变时跳过计算，会被做成一把只有所有弹子都对齐才能转动的弹子锁；一个 GPU 上下文服务多个画布，会被做成一台只有一个打印头却要访问 16 个孔位的龙门绘图仪。
随后 Claude 会用几十个细小、实心、带明暗的零件把这个物体搭出来，放进带标题、提示和实时读数的卡片里，让它随鼠标和键盘平稳运动，并放大检查每一个关节。项目完全开源，也可在 OpenCode 和 Codex 中运行，安装无需 API Key，也不依赖 npm 安装。
痛点是什么
技术概念往往抽象，纯文字和静态示意图很难让人真正理解一个机制是怎么运转的。开发者读文档、看博客时，经常遇到「说得都对，但脑子里没有画面」的情况；自己动手画图又成本极高，尤其是涉及火焰、水流、等离子体这类线条画不出来的效果，或者需要部件真正旋转、拆解的三维运动时，普通绘图工具几乎无能为力。结果就是概念停留在字面，理解不深，向别人解释时也缺少一个能直接演示、能上手拨弄的实物模型。
主要功能特点
Anatomy 用一套统一的工具包、相机和工艺规则，把抽象概念转成可交互的等距图形，并支持三种图形形态。
可交互等距 SVG 图形
用实心等距零件和四层明暗绘制，带实时读数与缓动动画，可悬停拆解。
SVG 叠加 WebGL 着色器
为火焰、水流、焦散、灯光等线条画不出的效果提供着色器渲染。
真正的 3D 运动（Beta）
表盘、转台等部件每帧重新投影与着色，可独立旋转和移动。
为什么值得关注
它把「解释概念」这件事从文字推进到可动手的实物模型，并且完全开源、安装轻量，对开发者与教学场景都很有吸引力。
让抽象概念变成可拨弄的实物
每个图形都由同一套小模型驱动，显示的数字与运动部件一致。
开源且零依赖上手
作为标准 Agent Skill 安装，无需 API Key，也不需 npm 安装。
推荐信息
R
@wheresryan22 2026年10月14日 17:17
