一周狂揽三千星，这个Agent把复杂机器画成了SVG立体图
GitHub上有一个叫Anatomy的项目，专门教AI画出真实机器的等距插画。它不是简单涂色，而是结构、质感、光影都到位的那种。一周冲上三千多颗星，到底做对了什么。
适合：需要为技术文章、产品文档、教学课件配专业机器示意图，但又不会手绘或找不到合适图源的内容创作者。
先说结论
Anatomy 是一个给AI用的“画图技能包”。它让大模型能够画出真实世界里的复杂机器，比如发动机、相机内部、流水线设备这种，而且直接输出等距视角的SVG矢量图。想给技术文章配张专业示意图、想给产品文档加一张能看清零件关系的立体图，它比手画快，比找图库准。
真正的问题
做技术内容的人长期被两件事卡住：找到一张结构清晰的机器图很难，自己画又不会。搜索引擎出来的图，要么是平面工程图没有立体感，要么是3D渲染图体积太大嵌入文章后会拖慢加载，要么版权归属说不清。SVG格式的好处是文件小、能无损放大、能用CSS和JS进一步加工。但问题是用语言描述一台发动机的内部齿轮组、油路走向、外壳厚度，让AI画出能看的等距图，这件事本身就很难。
普通的绘图AI只能画“看起来像”的卡通版本，零件位置乱、比例失真、内部结构一团浆糊。Anatomy解决的就是这个：它把画机器等距图这件事拆成了明确的步骤和规则，AI照着做就能输出像样的作品。
怎么做更省力
用Anatomy最省力的方式是把它当成“出图说明书”喂给支持工具调用的AI，比如Claude或者Cursor里能加载技能包的环境。具体的流程分三步：
第一步，明确目标机器。先说清楚画什么，是咖啡机还是变速箱，再点出三到五个关键特征，比如“能看到研磨盘、出粉口、压力表”。这一步决定了AI会不会跑偏到画个通用方块。
第二步，让AI生成结构方案。Anatomy的提示词会引导模型先想清楚机器有几个主要模块、彼此怎么连接、视角从哪个角度切入。这一步输出的是文字描述，比如“主体是一个倾斜15度的长方体，左侧突出进料口”，不是直接画图。
第三步，输出SVG代码并渲染。模型按规则写好矢量路径，前端加载后可以直接显示。如果需要3D感更重的效果，比如金属反光、阴影投射，可以叠加WebGL着色器处理。SVG基础版足够嵌入文章用，WebGL版适合做成可交互的产品页面。
| 使用场景 | 输出格式 | 适配位置 |
|---|---|---|
| 技术文章配图 | 静态SVG | 公众号、知乎、博客 |
| 产品文档说明 | SVG+CSS动画 | 在线帮助中心 |
| 营销互动页面 | SVG+WebGL | 官网产品介绍 |
| 教学课件 | 静态SVG | PPT、讲义 |
哪些坑要避开
第一个坑是把Anatomy当成万能画师。它专门做等距机械图，不擅长人物、风景、抽象概念。硬让它画人物会得到一堆几何体堆在一起的东西。
第二个坑是描述过于模糊。只说“画一台相机”，AI会画一台简化到失真的模型。必须说清楚相机类型、单反还是旁轴、镜头朝向、内部要不要可见镜箱。这些细节直接决定成品能不能用。
第三个坑是SVG代码本身。模型输出的路径坐标偶尔会闭合出错，导致出现空洞或者多边形错位。拿到代码后建议在浏览器里打开看一眼，发现面片穿模就让AI重新生成，或者手动调整坐标。
第四个坑是版权归属。Anatomy生成的SVG基于开源协议，可以商用，但里面如果叠加了第三方WebGL着色器，需要单独确认那个着色器的授权。
现在就能动手
想立刻试试，最直接的方法是打开GitHub项目页面，把仓库里的SKILL文件复制下来，粘贴到支持自定义技能的AI工具里。然后用一段具体描述开始，比如“画一台意式半自动咖啡机，等距视角，能看到锅炉、冲煮头、压力表和水箱”。第一次生成的图八成不完美，把不满意的零件指出来让AI重画，反复几次就能拿到一张能用的示意图。
如果只是想快速验证效果，仓库里提供了多个真实案例的成品SVG，可以直接下载下来看别人做成了什么样，比对着空描述想象要靠谱得多。