一句话概括:视频介绍开源 Agent Skill “Anatomy”:用户只给一句概念解释,Claude 就写出可交互代码,生成能拖拽旋转的等轴测 3D 机械图,并用机械表、哈希表、猛禽发动机等案例讲解其原理、流水线、质量审计、成本与社区数据。
要点:
Anatomy 是什么:Ryan 在 10 月 8 日开源的 Agent Skill,MIT 协议免费。给一句话,Claude 就“发明一台机器”来解释它,输出可拖动、可旋转、可按键交互的等轴测图。上线 6 天 GitHub 8000+ star,官网图库已有 33 台机器,从二分查找到涡轮风扇发动机。可跑在 Claude Code、OpenCode、Codex,安装命令是 npx skills。
标志性案例:机械表:一句“解释机械表怎么计时”,Claude 自己干 1 小时 54 分钟一次成型。图中可拖动表冠上发条,急轮转动、动力储存一格一格涨;按 S 键时间放慢到 1/20,能看到擒纵叉把 15 齿擒纵轮一次放过半个齿;按一键夹板升起,露出下面轮系,齿轮比例真实:秒轮 1 分钟一圈,中心轮 1 小时一圈。
核心理念:物体就是解释,禁止画方块、箭头和悬空标签。Claude 必须发明一台真实、叫得出名字的机器,运转方式等于概念本身,并用一句话说清“什么在动、这个动代表什么”。失败通常两种:太抽象,像一堆悬浮板块;太平,像一块大板子画几条线,没体积没细节。
使用提示词:只写想法,别写画什么。比如写“解释 LRU 缓存怎么淘汰条目”就够了,决定画成书架是 Claude 的事。关键触发词包括 Interactive、WebGL、3D:写 Interactive 才能拖能按,不写就是死图;WebGL 把火焰、水流、等离子体交给着色器;3D 零件在同一等轴相机里真正纵深旋转,每帧重新投影排序,成本最贵。
生成流水线:共 10 步,先定尺寸报预算:Figure 为 40-80 个零件,半小时出头;Hero 为 80-150 个零件,2-4 小时;Epic 为 6 小时起步。然后收集真实数字写成小模型、发明机器、列零件清单、规划坐标系和相机、一次性算好全部静态几何、从后往前上色装进卡片、让它动起来,最后像批评家一样验收。质量大头在前 4 步,那时屏幕上一个像素都还没有:先想清楚造什么,再动手画。
优秀映射案例:哈希表冲突变成邮局分拣台/编码机,给每封信打印哈希值,取模投进对应鸽笼;布隆过滤器变成水果老虎机,三个滚筒就是三个哈希函数,一个字的三个标志位全立着才中奖;互斥锁变成水箱加连锁钥匙,两个水泵同时堵水位就溢出,只有拿钥匙的能堵表开机;TCP 三次握手变成两站之间的滑道油车,三个罐子来回飞;温度采样变成轮盘,16 个格子是候选词,格子宽度就是概率。
复杂机械案例:A380 的 Trent 970 发动机挂在试车台上,四分之一剖开,拖油门杆,风扇、中压、高压三个转子按各自速度转,每秒吞进去 1.2 吨空气,推力从 14,000 牛爬到 334,000 牛。SpaceX 猛禽二号可悬停鼠标,整机分成 11 个组件散开,按 I 键点火;液氧先过富氧预燃室带动氧泵,甲烷走富燃预燃室,两股热气在 300 个大气压的主燃烧室碰头。猛禽第一版 38 分钟跑出来,改到挑不出毛病又花了 10 小时。
渲染与审计技术:所有图共用正交相机,方位角 45°、俯角 30°,平行边永远平行,零件摆在哪都不变形;每个侧面按朝向分四档明暗,光源锁死在相机上;深度排序用画家算法从后往前画。遇到弹簧绕柱子这种前后穿插,会把弹簧劈成前后两半,柱子画在中间。零件多到人眼排不动时,审计脚本给每对重叠零件发射线测前后;一次 541 个实体、6320 对重叠,62.4 秒验完。猛禽第一版审计抓出 54 处穿插、323 处顺序错误。
质量评审流程:大图背后是一个小团队:一个建造者、几个评审、一个修复工,一轮一轮转到某一轮挑不出毛病。每个 agent 维护自己的进度文件,因为随时会打断它;文件在,火就在。评审不看建造者报告,自己重建页面、重跑审计、自己截图。Trent 图三轮评审留下 309 张截图;有一轮把风扇叶片 50×45 像素区域放大到 800×720,发现叶片在切口处折成薄片;修复方案是每片叶子画完整,再用 0.6 像素淡出。这套流程也可用于管理自己的 AI 编码项目。
成本数据:Ryan 给的只算 Claude 有效工时,评审轮次算在内,发呆等待不算。机械表 1 小时 54 分钟一次通过;3D 地球 1 小时 57 分钟;猛禽发动机 10 小时 33 分钟;Trent 图 14 小时;手板 4 小时 41 分,后面跟五轮评审修复。规律是:不管尺寸多大,第一个小时内浏览器里一定有一张能跑的页面;能跑的第一版来得很快,大头时间花在“第二眼”上,放大四倍看毛病,全藏在电缆穿管道、喷口阴影断层、叶片折成薄片这类地方。生成只是起点,验收才是正文。
常见误解:传播最广的说法是“Claude 终于能生成图片了”,但这个说法错在根上:Claude 一个像素都没画,它写的是代码、SVG、HTML、WebGL,浏览器把代码渲染成图。区别很实在:代码做的图可以改、可以查,每个零件有尺寸几何,有审计背书;改模型里一个属性,零件和动画会一起变,因为它们读同一份数据。可编辑和可验证,决定了这东西能进文档、进生产环境,一张死图进不去。
社区与作者态度:10 月 8 日建仓库,11 号 2100 star,12 号 4100 star,14 号 8200 star、586 个 Fork。Ryan 发布帖两天冲到 140 万浏览、19000 人收藏。Reddit 已有人晒自己跑出的图,YouTube、Instagram 出现二创,西班牙语频道也在做。作者很冷静:Claude 很会造、不太会看,零件数字全对,样子还是可能不对;管用的修复来自你盯着它跑,说出哪里别扭。官方建议第一版当草稿,上手玩,说出哪里不对,再来一轮。
启发与趋势:一个 155 行 SKILL.md、8 份参考文档、16000 行绘图工具包,就把审美和工艺固化成了可复用资产。Ryan 说自己从没画过一条线,做的是“试试看、说哪里不对”,把教训写成规则,比光秃秃的规则更管用。Skill 正在变成新的工程制品:你的经验、品位、验收标准都能打包成文件,让任何一个 agent 继承。后续可关注三件事:这类插图会进入技术文档和落地页,Anatomy Figures 已是 NPM 包,33 台机器做成 React 组件,一行 import 就能用;3D 模式还是 Beta,380 零件测试只跑到 20 帧;模型驱动一切会渗进更多 Skill。