What it does
Anatomy is an agent skill that runs in Claude Code and also in Antigravity, OpenCode, Codex and MiniMax Code. You tell it what a figure should explain, and it invents a physical object whose working matches the concept. It then builds that object from many small shaded parts, sets it in a framed card with a title, a hint and a live readout, and makes it move under the pointer and keyboard. Figures come in three kinds: plain SVG, SVG with WebGL shaders for things lines cannot draw such as fire, water or glow, and a beta 3D mode where some parts turn in true 3D. The output can be a standalone HTML page, a single SVG file, or React and Next.js components, and the generated source and drawing kit stay with you. The skill installs through the skills CLI or by cloning the repository into the agent's skills folder. The site says it needs no API keys and nothing to install with npm, and that builds and checks need Node.js 20.10 or later. It checks its own figures with a geometry audit and headless Chrome screenshots.
Capabilities
- Invents a physical object that behaves like the concept being explained
- Outputs standalone HTML, a single SVG file, or React and Next.js components
- Optional WebGL shader layers and a beta true-3D mode
- Built-in geometry audit and headless Chrome checks of each figure
- Works in Claude Code, Antigravity, OpenCode, Codex and MiniMax Code
When to use it
- Illustrating a technical idea in docs, a blog post or a landing page
- Replacing a boxes-and-arrows diagram with an interactive explainer
- Adding explanatory figures to a React or Next.js site as components
