Generates polished SVGs with optional WebGL shaders and 3D effects

Anatomy is a Claude Code skill that turns a one-line request to explain an idea into an isometric machine whose moving parts demonstrate how the idea works. Its central rule is that the object itself should explain the concept: no floating labels, boxes or arrows, but a recognizable, detailed mechanism in which each part has a role. Claude invents the object rather than copying a reference image. A queue might become a marble run, an LRU cache a bookcase, and a bloom filter a fruit machine with three hash-function reels. The collection contains 33 interactive figures. One watch example took just under two hours to build and lets users wind the mechanism, slow time and separate bridges to inspect the gears; its motion reflects real gear ratios.

The process starts by establishing factual behavior and numbers in a model used by both animation and readouts, then selecting and building the machine, rendering its parts in depth, and testing it with screenshots and automated checks. Figures typically take 30-90 minutes, Heroes two to four hours, and Epics six or more; Claude must propose an Epic and get approval before starting. The skill generates framework-free TypeScript for SVG and HTML or React components, with optional WebGL shaders and genuinely rotating 3D parts. Figures can respond to pointer and keyboard input, play an idle animation, pause when engaged, and respect reduced-motion settings. The visual rules emphasize solid, carefully shaded parts, one highlighted subject, legible detail and readouts tied to the underlying model.