Isometric Explainer: interactive technical illustrations with Claude Code
Ask how something works and the agent builds it as a small, precise machine in isometric view: many real parts, calm motion driven by one model, and a note on every part you hover or tap. It ships as one standalone HTML page.
What you get
- One HTML fileAbout 250 KB, no framework, no network. It follows the visitor's light or dark setting.
- A note on every partSeventeen parts explain themselves on hover, tap or from the keyboard.
- Motion from one modelCurrents, coil colours and the rotor all move from the same numbers, shown in a live readout.
How we tested itPrompt, model, time, cost and what went wrong
Use the anatomy skill. Build a Figure-size interactive isometric explainer of how an electric car's motor works: a brushless permanent-magnet motor with its stator coils, rotor magnets, shaft, bearings and housing, and the three-phase current that turns it. Hovering or clicking a part should say what it does. Framework-free, one standalone HTML page. Save the final page as out/motor.html. Do not publish to any gallery.
- Agent · model
- Claude Code · Opus 5.5
- Time
- 16 min 33 s
- Cost
- $5.06
- Tested
- Oct 18, 2026
The slowest and most expensive of our tests: 82 agent turns. The skill works like a careful illustrator (concept, parts list, build, then checks in a real browser), and a Figure is its smallest size; it budgets up to an hour for one.
It skipped the kit's geometry audit, judging it meant for pipes and turned parts, and set the drawing order by hand. We saw no overlaps, but the light theme is pale: the motor's white parts sit on a white card with thin grey lines, and it reads better on the dark theme it also built.
Questions
Do I need an image model?
No. The agent writes code that draws the figure as SVG, with optional WebGL effects. You need Node.js 20.10 or newer, and Chrome or Chromium for the skill's checks.
How long does one figure take?
Ours took 16 and a half minutes and cost $5.06 in Claude Code with Opus 5.5. The skill sizes the job first: a Figure (40 to 80 parts) is the smallest; a Hero or Epic is denser and takes hours.
Can I put the result on my site?
Yes. It is one HTML file you can embed or host; the skill is MIT licensed. It also has a React/Next.js path, and can publish to the author's gallery, which we told it not to do.
Does it work outside Claude Code?
The author lists Antigravity, OpenCode, Codex and MiniMax Code. We only ran it in Claude Code.
Credits
Made by wheresryan22/anatomy (MIT license, created Oct 8, 2026). We tested version e948829 on Oct 18, 2026, wrote this page and keep it current.