Anatomy: explaining machines with interactive isometric figures

Anatomy is a skill for Claude Code that draws technical ideas as real physical objects: detailed, interactive isometric SVG figures with shaded solid parts and calm, eased motion. Instead of boxes and arrows, the machine itself is the explanation, and every number the figure shows comes from the same model that moves its parts.

Here are three figures I generated with it. They are live, so try dragging and clicking them.

FDM 3D printer

A bed-slinger printer on a bench prints a cup layer by layer. The nozzle moves in X, the heated bed slides in Y under it, and after every 0.3 mm layer two lead screws lift the gantry. Drag to scrub through the print, click to pause, and use the arrow keys to change speed.

E Ink panel

A 7 × 7-pixel patch of a 300 ppi e-reader screen, cut open along its front row to show the stack: glass, transistors, pixel electrodes and a layer of microcapsules full of charged white and black particles. Driving an electrode to ±15 V moves the particles; at 0 V they stay, which is why the page needs no power. Drag across the top to draw pixels, click for the next page and press R for a full flash refresh.

Data hall row

A sectioned row of a data hall. Cold air rises from the raised floor into the cold aisle, server fans pull it through the racks, and it leaves hot into the contained hot aisle, then returns overhead to a chilled-water coil. Drag sideways to change the server load and watch the airflow, power and heat follow.