Anatomy turns technical concepts into interactive isometric machines
掘金 · 人工智能 presents Anatomy, an open-source Agent Skill that asks Claude to invent a physical device whose operation represents a technical concept, then renders it as an interactive isometric illustration. It supports SVG, SVG with WebGL, and a beta 3D mode, while using one small model to drive both component motion and displayed figures. The workflow also includes geometry audits and headless-browser screenshot checks, though generation is intentionally slow and 3D remains in beta.
Anatomy offers a concrete example of an AI agent combining conceptual reasoning, procedural drawing, and automated visual validation to produce technical diagrams whose displayed values remain aligned with the illustrated mechanism.
引言
「缓存键是一把插销锁，共享 GPU 上下文是一台龙门绘图仪。」
这是「一天一个开源项目」系列的第 256 篇。今天的项目是 Anatomy。
给别人讲清楚一个技术概念，最难的往往不是知识本身，而是找到一个对的比喻。令牌桶限流器该怎么画？画成方框加箭头，大家看了一遍就忘；画成一台有水龙头、水桶和出水阀的机器，并且能拖动、能看数字变化，就容易记住。
Anatomy 把这件事做成了一个 Agent Skill：你给概念，Claude 先发明一件物理装置，让它的运转方式恰好对应这个概念，然后把它画成可交互的等距（isometric）插画。仓库创建于 2026-10-08，目前约 2.5 万 Stars。
你将学到什么
- Anatomy 的核心做法：先发明物体，再画图
- 九步工作流，以及为什么「所有数字都来自驱动零件运动的同一个小模型」
- 三种输出：纯 SVG、SVG + WebGL、3D（beta）
- 怎么安装、怎么调用，什么情况下不适合用
- 它自带的验证机制
#Anatomy#Claude#Claude Code#Antigravity#OpenCode#Codex#MiniMax Code#WebGL