中文简介

Anatomy 是一个 Agent Skill（Claude 技能）：它不直接画图，而是让 AI 把你要解释的技术概念”发明”成一个真实可运转的机械装置，再画出来——缓存键变成只有每根销都对齐才能转动的弹子锁，单 GPU 上下文服务多画布变成一台龙门绘图仪。成品是精致的可交互等距插画：SVG 打底，可选 WebGL 着色器做火焰、水波、辉光，鼠标悬停还会动。2026 年 10 月初公开，已有 1.4 万 Star，MIT 开源。

• 一句话上手：npx skills add wheresryan22/anatomy -g 装好，然后 /anatomy explain how a token bucket rate limiter works, interactive；
• 三种出图形态：纯 SVG（核心，独立 HTML / 单文件 SVG / React 组件）、SVG + WebGL（画火焰、排气、水、焦散这些线条画不了的东西）、3D 测试版（真正转动的拨盘、弯曲的手指）；
• 自带质检：Claude 建好图后会自己逐个放大检查每个接缝，图上每个数字都来自驱动零件运动的同一个小模型，保证”所见即所算”；
• 多 Agent 支持：Claude Code、Antigravity、OpenCode、Codex、MiniMax Code；
• 零依赖：只用 Node 内置模块，不用 npm install，不用 API Key。

官方画廊里的例子很惊艳：Raptor 2 火箭发动机试车台（悬停拆解成 11 个总成）、学校波纹水槽的光学焦散、组合密码盘上的机器手。写技术博客、做文档配图、 landing page 插画都能用上。

English Summary

Anatomy is an agent skill (Claude skill) with a twist: instead of drawing directly, it has the AI invent a real, working physical object whose operation is the concept you want to explain — a cache key becomes a pin-tumbler lock that only turns when every pin matches. The result is a crafted, interactive isometric illustration: SVG at the core, optional WebGL shaders for fire, water and glow, moving calmly under your pointer. Public since early October 2026, 14K stars, MIT licensed.

• One-line setup: npx skills add wheresryan22/anatomy -g, then /anatomy explain how a token bucket rate limiter works, interactive;
• Three figure kinds: pure SVG (standalone HTML / single .svg / React components), SVG + WebGL (for what lines can’t draw), 3D beta (parts that truly turn);
• Self-checking: Claude zooms into every joint to verify its own work, and every number shown comes from the same small model that moves the parts;
• Multi-agent: Claude Code, Antigravity, OpenCode, Codex, MiniMax Code;
• Zero dependencies: Node built-ins only, no npm install, no API keys.

The gallery is stunning: a Raptor 2 engine test stand (hover to explode into 11 assemblies), a ripple tank’s optical caustics, a robot hand on a combination dial. Great for tech blogs, docs illustrations and landing pages.

链接 / Links

• 项目主页 / Repository: https://github.com/wheresryan22/anatomy
• 官网 / Website: https://skills.wheresryan.sh/anatomy