跳到正文

想找什么?

试试

正在准备搜索…

技能导读
6 个阅读单元

技能 / 单个技能

最近更新:

Anatomy

装进智能体之后,你可以让它把一个技术想法画成一台等距的机器:零件是实心的,读数跟着零件动,鼠标和键盘能让它转一转。

用打印机完整跟练(另页)

Ryan · MIT · 提交 e948829 · 核验 2026-10-17

01 / 它能帮你做哪些活

它能帮你做哪些活?

Anatomy 用来做真实机器和复杂系统的等距解剖图。等距(isometric)是斜着看的立体图,三条轴用同一比例。它交付的是你能改的图源:构建脚本,或 React 组件,外加它画出来的页面。

把一个机制讲成一台机器

你说出要解释的想法和真实数字,它会找一台对得上的仪器、工具或家具来画。图上的读数和零件运动用同一套模型。

缓存可以变成弹子锁,连接池可以变成龙门绘图仪。

三种图,同一套画法

实心零件用矢量图(SVG)。火焰、水、光这类线画不出来的东西,加一层网页三维绘图(WebGL),仍放在同一台等距相机里。零件要在深度上转起来时,用还在试用的三维模式。

浅色是它先设计的主题,也可以要深色。

交到你要放的地方

成品可以是单独打开的网页、一个嵌好样式的 SVG 文件,或 React / Next.js 组件。仓库里带着八套官方示例,从千分表到发动机。

框架无关的示例用 Node 脚本生成页面;两套 React 示例要拷进应用。

画完再检查接缝

技能要求智能体跑几何检查,并用无头 Chrome 放大接头。检查需要本机的 Chrome 或 Chromium。

这是技能自己的检查。本站没有跑过。

这些对应关系整理自官方 README 和技能文件。开口示例见「怎么开口」。

02 / 官方成果

看看官方做出的图

下面五张都是官方 README 画廊里的浅色截图,都可以在列表里放大和下载。先看点火的那张。

猛禽发动机,点火
发动机和试车台是矢量图,尾焰是同一台等距相机里的网页三维绘图。官方示例 raptor-engine,浅色。
下载 WebP · 37 KB

图和说明取自官方 README,说明经中文整理;这里展示的是静态截图。本站于 2026-10-24 构建并在浏览器打开了最小示例 dial-indicator,其它官方示例的互动尚未逐一验证。

03 / 装到哪、怎么装

装到哪、怎么装?

先选一个智能体工具

官方写它按开放的智能体技能格式制作,主要对着 Claude Code。同一份技能也能在 Antigravity、OpenCode、Codex 和 MiniMax Code 里加载。

站内有一篇平台操作课,演示在具体工具里装技能、用技能:WorkBuddy 扫描 PDF 技能(入门课,不在这份技能的官方兼容列表里)。

安装技能

先准备能运行 npx 的 Node.js。官方 README 写,skills 命令行 1.7.1 要求 Node.js 22.20 或更高。这次核验时看了 skills.sh 上的技能页,安装命令是:

npx skills add https://github.com/wheresryan22/anatomy --skill anatomy

安装器会询问要装进哪些智能体。这条命令不带全局参数,官方 README 写它会装进当前项目,并把仓库连同示例一起拷进去,大约 10 MB。

skills.sh 技能页 ↗

还要准备什么

技能画图要求 Node.js 20.10 或更高,只用 Node 自带模块,不用再 npm install 一份依赖。按上面的安装要求准备 Node.js 22.20 或更高,就同时满足画图要求。检查画面需要 Chrome 或 Chromium。只有要 React 成品时才需要 React 18 或更高。不需要单独的接口密钥。本次核验没有另行安装这份命令行,所以没有核到你机器上的 CLI 版本号。

怎么算装好了

安装器跑完并显示技能所在目录,文件就到位了。之后在 Claude Code、Antigravity、OpenCode 或 MiniMax Code 里用 /anatomy 开口;Codex 里用 $anatomy。Claude Code 如果启动时还没有 skills 文件夹,先运行 /reload-skills。另外四个工具若列表里没有它,官方让你重启对应程序。

以上整理自官方安装说明和 2026-10-17 的 skills.sh 技能页。本站未执行安装。

04 / 怎么开口

按你的目的,发出第一条请求

在所选的智能体里点名 Anatomy。也可以不点名:你要等距图、说明性插图或可交互的解释时,官方写这些工具也会加载它。

你的目的可以这样说说明
讲一个机制,并让它能动/anatomy explain how a token bucket rate limiter works, interactive官方快速开始。令牌桶是一种按份放行的限流办法。Codex 里把开头换成 $anatomy。
已经知道要哪台机器/anatomy 画一台本生灯:打开风门后,黄色火苗变成蓝色焰心。火焰用网页三维绘图,一个 HTML 文件,深色。整理自官方用法:直接点名物体,并说哪一部分要动、画面放哪。
说清成品放哪做成单独的 HTML 页面,浅色。也可以要单个 SVG,或 React / Next.js 组件。浅色、深色分开说。

官方还建议两件事:说出真实的尺寸、数量和速率;先讲要解释的想法,由它来发明那台机器。你已经有想画的物体时,直接说物体和哪一部分要动。

第一条是官方快速开始的原文。后两条按官方用法缩短,原文链接在「来源」。

05 / 边界与费用

它有什么边界,要花多少钱?

许可和费用

仓库是 MIT,版权 2026 Ryan。技能不要求单独的接口密钥。你正在用的智能体和模型,按那个产品自己的套餐计费。本页没有看到 Anatomy 单独的价目。

它画什么

机器、仪器、工具和家具。官方写明没有坐标轴和数据曲线,也不画人物和精确地图。一个想法如果找不到可做的机构,画出来会弱一些。

三维还在试用

官方把三维模式标为 beta:示例和一张测试图上用过,还没有放进正式上线的图。零件很少时可以到每秒 60 帧;官方测过的一只约 380 个零件的手,在宽屏上大约 20 帧,手机档更慢。

要花多久

官方把规模分成三档,文件里叫 Figure、Hero、Epic。Figure 是一处机构,大约 40 到 80 个零件,往往不到一小时,也不向你报时。Hero 是更密的对象,大约 2 到 4 小时。Epic 是整座装置,官方要求先说工期,等你点头再做。

画面和检查

着色器需要网页三维绘图(WebGL)。没有它时,矢量图还能看。系统打开减弱动态效果后,画面停住。自检会启动无头 Chrome;Codex 的沙箱可能拦住浏览器,图仍然能做出来,失败的是检查。

公开到社区图库

你让它发布到 Anatomy 社区图库时,它会先给你看标题和将要提交的内容,你同意后才发出。

本站做了什么

本站按 2026-10-17 的仓库说明整理功能,并保留五张官方静态截图。2026-10-24 已构建并在浏览器打开最小示例 dial-indicator,也完成了原创打印机(即「用打印机完整跟练」里的示例作品)的本地播放检查。Skills CLI 安装尚未实测,官方示例的全部互动也未逐一验证。

06 / 来源

原文与版本

依据 2026-10-17 核对的 main 提交 e948829。提交说明是 Merge pull request #81,时间 2026-10-15 14:14(UTC)。局域网当天的仓库快照与该提交的 README、SKILL.md、LICENSE 以及下面五张图的 Git 对象哈希一致。

更新日志里已发布版本是 1.1.0(2026-10-12)。这份提交还包含日志里标为 Unreleased 的改动,其中包括 Antigravity 和 MiniMax Code。技能文件没有单独的版本号。功能介绍是中文摘要,五张图保留官方文件。

五张图来自仓库 .github/assets/,与仓库同一 MIT 许可。SHA-256:

  • raptor-engine-firing.webp · 37 KB · c42a9eb6aacb506f7baf0fd91d4fbb04649999e9615f9847585daff595a62d55
  • raptor-engine-apart.webp · 34 KB · db1bee237411d26d97e2e88f60949a75f9f160a0139d03382f46a2e2d6801050
  • ripple-tank.webp · 34 KB · 1312c34386e18792d44c3d3e1939d22e14bc48ce67e4f48eb29c543e741f79c2
  • turning-dial.webp · 29 KB · f77d1a97efc718d875ca3abfa0c0a0b64049797006e188f804383d0173281739
  • dial-indicator.webp · 17 KB · a1f0550e0938a3c76316fddd272792d5f50609cceca7217606b187868d7f4fe7