wheresryan22/anatomy

Anatomy is an agent skill that asks Claude to explain a technical idea by inventing a physical object whose working mirrors the concept, then building it as an isometric figure. A cache key that skips work when nothing changed might become a pin-tumbler lock that only turns when every pin matches. The output is made of many small shaded parts in a framed card with a title, a hint and a live readout, and it responds to pointer and keyboard input.

Figures come in three kinds: pure SVG, SVG with a WebGL shader layer for fire, water, light and steam, and a beta 3D mode where moving parts are re-projected every frame. Output can be a standalone HTML page, a lone SVG file, or React and Next.js components. The kit uses only Node's built-in modules, and the repository includes eight example figures with their build scripts.

The skill also includes headless Chrome checks that take screenshots and run a geometry audit to catch parts that pass through each other. It works with Claude Code, and the same format is loaded by OpenCode, Codex and Antigravity.