anatomy Skill (wheresryan22) for Claude: Explain an Idea as an Interactive Machine

Has Claude explain a technical idea as a detailed, interactive isometric SVG figure of a physical machine, built with Node scripts you run locally.

Installs: 26.7K; on skills.sh
Stars: 23.7K; on GitHub
Updated: Oct 2026; last commit

anatomy makes Claude invent a real physical object, such as a pin-tumbler lock or a test rig, whose working matches your idea. It then builds that object from 40 or more small solid parts as an isometric SVG in a framed card with a live readout and calm motion. It can add WebGL shaders such as fire or water, a beta 3D mode, and a printable A4 sheet.

It asks for no API key, but it does run Node scripts and starts headless Chrome to check its own work. Say /anatomy and your idea, for example a token bucket rate limiter. A simple figure can finish in under an hour, and SKILL.md puts a dense Hero at 2 to 4 hours and an Epic at 6 hours or more, which it will not start without your choice.

Good for

Writers of docs, blog posts and landing pages who want a crafted explainer figure
Developers who want an algorithm, cache or render pipeline shown as a working object
Designers who want a printable A4 poster or handout made from a finished figure

Install anatomy

Claude Code

Copy this prompt.

Install the anatomy skill in Claude Code. Run this command:

npx skills add https://github.com/wheresryan22/anatomy --skill anatomy

Then check that it loaded and tell me how to use it.

2
Paste it into Claude Code. It shows the change and asks before running it.

Requires Node.js.

From its listing on skills.sh. Source.

What's in the skill

When it loads

Build crafted, highly detailed, interactive isometric SVG figures that explain a technical idea as a real physical object (a test rig, a dial gauge, a cabinet of drawers, a plotter, a lock), with many small precise solid parts, four-tone shading, correct painter's order, a framed card with title, hint and live readout, and calm eased motion. Use this whenever someone wants an isometric illustration, an explanatory diagram or figure for docs, a blog post, a landing page or an article, a "Linear-style" or "premium" technical drawing, an interactive explainer, or an SVG that shows how a system, algorithm or component works, even if they never say "isometric". Works framework-free (TypeScript/JS that writes SVG and HTML) and in React/Next.js, and can add realistic WebGL shaders (fire, exhaust, water, caustics, lamp light) that live inside the drawing in the same isometric perspective. Also prints a figure as an A4 PDF (poster, drawing or handout) and publishes it to the Anatomy community gallery when asked.

Sections in SKILL.md

The one idea that matters
Workflow
Setup
Craft rules (short form)
WebGL inside the drawing
3D: figures that turn (beta)
Printable sheets (A4)
References

Key facts

Author: Ryan (@wheresryan22)
License: MIT
Works in: Claude Code, Antigravity, OpenCode, Codex and MiniMax Code
Needs: Node.js 20.10 or newer; Chrome or Chromium for the checks; React 18+ only for React output
Files: The repo is the skill folder: 173 files including SKILL.md, with 63 in examples/, 59 in scripts/, 16 in kit/ and 10 in references/
Examples shipped: 8 complete example figures
Installs on skills.sh: 26,689 (Nov 2, 2026)
GitHub stars: 23,723 (Nov 2, 2026)
Last commit: 2026-10-18
skills.sh audits: Gen Agent Trust Hub warn, Socket pass, Snyk pass

What it includes

Names it a Figure, Hero or Epic before work starts
A Figure is one mechanism with 40 to 80 parts. A Hero is 80 to 150 parts and takes about 2 to 4 hours. An Epic is 6 hours or more, and Claude proposes a Hero instead and waits for your choice.
Size the figure
Picks a machine that maps to your idea and lists 40+ parts
Every number the figure shows comes from one small model that also moves the parts.
Invent the object and parts list
Builds a standalone HTML page next to the script
Each framework-free example builds this way. --light makes the light theme and --audit checks the geometry.
Runs code · node examples/<name>/build.mjs
iso-kit, lathe, tube, audit, gl and turn modules for drawing
The core is one TypeScript file with a plain ESM copy. React or Next.js users copy kit/ into their project.
Kit modules (kit/)
Headless Chrome screenshots, scripted drives and a line-end check
Claude reads every PNG it makes and zooms in on joints before it calls the figure done. It can start Chrome with WebGL on.
Runs code · scripts/capture.mjs, drive.mjs, lines.mjs
Shaders for fire, water, caustics and lamp light inside the drawing
Only for what lines cannot draw. The SVG still reads without WebGL.
WebGL layer (optional)
Parts that turn in true 3D, such as a dial or finger
README: proved on its example and one test figure, not yet on a production figure.
3D mode (beta)
Prints a finished figure as an A4 or Letter PDF
Three formats: poster, drawing and detailed. Claude offers all three if you have not picked one.
Runs code · scripts/print.mjs
Opens a pull request to the community gallery, after your yes
Only when you ask. It asks for a title and your GitHub name, shows a dry-run plan and publishes only after you agree.
Runs code · scripts/publish.mjs

From the official docs

Permissions

Medium risk

What it can do

Read your data
Create and change things
Delete things
Read-only mode

Watch out for

Publishing opens a public pull request
publish.md says never to send anything without your explicit yes. The dry-run plan names the fork, branch and folder. In Claude Code the script also reads the time and tokens spent from this session's log and puts them in the submission, so read the plan back before you approve. github.com
It starts headless Chrome and runs build scripts
The checks start headless Chrome or Chromium, which writes a temporary profile and listens on a local port (README). The scripts add --no-sandbox when run on Linux. In Codex the sandbox may block Chrome, and the README suggests allowing it per command. github.com
Long sessions use a lot of model time
The README says a figure takes a long session and a 3D orbit audit takes 15 to 20 minutes for 30 parts. github.com

Technical details

Talks to	GitHub, only when you publish to wheresryan22/anatomy-community
Sign-in and keys	Publishing uses your signed-in GitHub CLI. SKILL.md and README describe no API keys.
Scopes	Writes build scripts, HTML, SVG and PNG files in your project Runs Node.js 20.10+ scripts and a headless Chrome or Chromium publish.mjs uses the GitHub CLI to fork, push a branch and open a pull request

Questions

What does the anatomy skill do?

It builds an interactive isometric SVG figure that explains an idea as a physical machine. Claude invents the machine, builds it from dozens of small parts and checks its own work by zooming in.

How do I install anatomy?

Use the install box above. The README gives npx skills add wheresryan22/anatomy -g and adds -a claude-code, -a codex and other agent names. The skill needs Node.js 20.10 or newer.

How do I use it?

In Claude Code type /anatomy explain how a token bucket rate limiter works, interactive. In Codex use $anatomy. Antigravity, OpenCode and MiniMax Code take the same /anatomy command.

Does it need an API key?

No key is described. The README says there is nothing to npm install because the kit uses only Node built-in modules. It does need Chrome or Chromium for the checks.

How long does a figure take?

SKILL.md says a simple Figure often finishes in under an hour. A Hero takes about 2 to 4 hours and an Epic 6 or more, and Claude will not start an Epic without your choice.

Is it a chart library?

No. The README says there are no axes, series or data plots. It draws machines, instruments, tools and furniture, and an idea with no mechanism comes out weaker.

Can I use it in React or Next.js?

Yes. Copy kit/ into the project and use the React components. The gallery accepts only plain HTML figures, so React figures cannot be submitted there.

Is it safe?

It runs Node scripts and a headless browser on your machine and writes files in your project. It only opens a pull request if you ask, and after you approve the exact plan. Review the scripts if you run it in a sensitive repo.

Can it make a printable version?

Yes. It prints a finished figure as an A4 or Letter PDF in three formats: poster, drawing and detailed.

Information

updated Nov 2, 2026

Repository: wheresryan22/anatomy

wheresryan22/anatomy skills.sh

Sources

Docs, issue trackers and discussions this page is built from.

Show all 5

github.com · github.com
anatomy on skills.sh · skills.sh
github.com · github.com
github.com · github.com
github.com · github.com