Anatomy 把一句机器描述转成交互式等角图。原帖演示了可旋转、可检查的线框图，以及带 WebGL 效果和运动部件的 3D 页面。
38.9 秒
原帖演示视频。
3D
仓库公开描述。
MIT
仓库许可证。
原帖视频片段：Anatomy 展示机器的等角图、动态部件和交互式说明页面。
它解决的是技术表达问题。
很多技术说明停留在一张静态图。读者看到外形，却看不到部件之间如何连接，也无法判断某个动作对应哪一部分。
Anatomy 的公开描述指向真实机器的交互式等角图。输出可以是 SVG，也可以加入 WebGL shader 和 3D 动画。
原帖演示里的页面把一台涡扇发动机放在白色画布中央。右侧列出名称、推力和转速等字段；鼠标悬停后，发动机内部的扇叶和气流效果随之变化。图形、文字和动作被放进了同一个页面，读者可以沿着模型本身理解说明。
从一句话到一套页面。
仓库首页把 Anatomy 定义为 Claude Code skill。使用者给出一个技术想法，skill 再按照已有示例和规则生成详细的机器图示。项目仓库提供了八个完整示例，示例页面可以独立构建；仓库说明还提到，图中显示的数字应来自与部件运动相同的模型。
SVG 负责可编辑的几何和标注。WebGL shader 负责火焰、水、等离子体等动态效果。3D 运动负责让零件单独旋转或移动。
原帖视频关键帧：Turbofan ground run 页面显示参数面板，画面标注“330 kN”。
它适合放在哪些工作里。
第一类是文档。复杂设备的安装、拆解和工作原理，可以用一个可旋转模型承载分层说明。第二类是文章和课程。读者能直接看到结构关系，文字只负责解释动作和参数。第三类是产品落地页。页面不再只展示一张渲染图，还可以把部件、数据和交互状态放在同一处。
对建筑、机械和产品设计工作流来说，仍要检查模型细节和数据来源。演示展示了交互图形、动态材质和单独运动的部件。公开资料没有给出工程级尺寸校核、物理仿真或专业软件互操作结果。它适合科普、概念说明和产品表达；进入制造、施工或安全判断之前，还需要专业模型和人工复核。
关键判断 Anatomy 的变化在于，它让 AI 生成的技术图开始承担“解释过程”的任务。能旋转、能拆解、能显示运动，读者才有机会沿着机器本身理解一段技术说明。
SOURCES
来源：X 原帖 @wheresryan22。
来源：GitHub 仓库 wheresryan22/anatomy。