StackMap
Subscribe
Explore / anatomy
wheresryan22

anatomy

Agent skill that explains an idea by inventing a physical machine whose working is the concept, then builds it as an interactive isometric SVG, optionally with WebGL effects.

25,241 2,112 JavaScript MITupdated 19 days ago
skills
View on GitHubDispute this mapping →
Curator's take

Use it when a concept needs to land with readers, for docs, posts or talks, and a box-and-arrow chart won't do. No API keys or npm installs; works in Claude Code, Codex, OpenCode, Antigravity and MiniMax Code. Skip it for accurate system diagrams: it uses metaphor, not your real architecture. Each figure takes many tokens and some iteration.

Mapped by ShipWithAI editors · links verified

Continue your stack

What teams reach for next — and why each earns a place beside anatomy. Ranked by curator confidence.

alternativearchifyanatomy
pairs wellalternativebuilt withpick a node for the why · open it from the panel
Weekly digest
README.md1 min read

Anatomy

A Claude skill that explains an idea by building it as a real, working object.
Also runs in Antigravity, OpenCode, Codex and MiniMax Code.
Crafted, interactive isometric figures with many small precise parts, in SVG, WebGL and 3D.

Claude Code skill Agent Skills compatible MIT license Node 20.10 or later No dependencies CI

Website: skills.wheresryan.sh/anatomy   Download ZIP   Install with npx

Quick start · Gallery · What it makes · Install · Usage · Examples · How it works · Limits

An isometric drawing of a Raptor 2 rocket engine hanging in a test stand, firing: a red exhaust plume, drawn by a WebGL shader, pours onto the stand's base plate. The card reads Fig 1, Raptor 2 test stand, Pc 300 bar, 230 tf.

examples/raptor-engine, light theme, firing. The engine and stand are SVG; the plume is a WebGL shader in the same isometric camera.

Ask Claude for a figure that explains a technical idea, and Anatomy has it invent a physical thing whose working is the concept. A cache key that skips work when nothing changed becomes a pin-tumbler lock that only turns when every pin matches. One GPU context serving many canvases becomes a gantry plotter whose single print head visits 16 wells.

Then Claude builds that thing out of dozens of small, solid, shaded parts, puts it in a framed card with a title, a hint and a live readout, makes it move calmly under the pointer and the keyboard, and checks its own work by zooming in on every joint. Every number the figure shows comes from the same small model that moves its parts.

Quick start

npx skills add wheresryan22/anatomy -g

The CLI asks which agents to set up (Claude Code, Antigravity, OpenCode, Codex, MiniMax Code). To skip the question, add -a claude-code, -a antigravity, -a opencode, -a codex, or -a minimax-code.

Then, in Claude Code:

/anatomy explain how a token bucket rate limiter works, interactive

For Antigravity, OpenCode, Codex, or MiniMax Code, target that agent: -a antigravity, -a opencode, -a codex, or -a minimax-code. Antigravity, OpenCode and MiniMax Cod