Search skills/

Anatomy Claude skill

Skill that builds interactive isometric SVG, WebGL and 3D figures explaining a technical idea as a working physical object, then checks its own output.

wheresryan22/anatomy 1 skill Design & frontendDocuments & office files
Our verdict Recommended

Unusually thorough: a long, specific skill with a verification kit and many tests; expect long generations and a taste for detailed isometric style.

5/5 Depth expertise shipped Note Security Review before installing 11d Maintenance Updated 11 days ago 22K Adoption stars OK License MIT, commercial OK

What Anatomy does

Anatomy makes the agent explain a concept by inventing a physical machine whose workings are the concept: a cache key becomes a pin-tumbler lock, a shared GPU context becomes a plotter with one print head moving across wells. The result is a framed card with title, hint and live readout, built from dozens of small shaded parts in four-tone shading, with calm eased motion that responds to the pointer and keyboard. Every number on screen comes from the same small model that moves the parts. The SKILL.md is very long (about 34 KB) and sits on top of a kit of 15 reference files, roughly 70 template files and about 100 script files, including Node scripts such as capture.mjs, drive.mjs, lines.mjs and turn-check.mjs that open the figure in Chrome or Chromium, zoom into joints and test interactions so the agent can catch its own mistakes. The repo has about 50 test files and CI, and the README says nothing needs installing beyond Node 20.10 or newer and a local Chrome, with no API keys. It is aimed at technical explainers and documentation visuals rather than general illustration.

Good for

  • Interactive explainer figures for blog posts and docs
  • Teaching a system design idea through a visible mechanism
  • Teams that want visuals verified in a real browser

Not for

  • Quick flat diagrams, where Mermaid or draw.io is faster
  • Environments without Chrome or Chromium

What's inside depth 5/5

A 34 KB SKILL.md, 15 reference files, about 70 templates, about 100 scripts, about 50 test files and CI, plus a self-check loop in headless Chrome.

Skills
1
Reference docs
15
Scripts
98
Tests / evals
51
Templates
68
Avg SKILL.md
32.8 KB

Counted from the repository file tree. How we score depth.

Dependencies and costs

  • Node.js 20.10+
  • Chrome or Chromium for the checks (CHROME_PATH can point to another binary)

Security review

Review before installing

A figure-drawing skill with a Node rendering kit and scripts that drive a local headless Chrome to capture, check and print the figures. The only code that leaves your machine is the optional publish step, which uses the GitHub CLI to push a branch and open a pull request after showing a plan and asking you to confirm; it also reads your Claude Code session log for time and token counts unless you pass --no-session. The README installs the skill by extracting the main-branch tarball into your skills folder.

Worth knowing

  • Changes files outside your projectInstall commands download the main-branch tarball from GitHub and extract it into ~/.claude/skills/anatomy (and the Antigravity/OpenCode equivalents); the optional --submit step in publish.mjs:260 also runs gh auth setup-git, which changes your git credential configuration.README.md:148
  • Makes network requestsOpt-in publishing to the community gallery uses gh and git to fork the repo, push a branch (git push --force to your own figure/<id> branch) and open a pull request on wheresryan22/anatomy-community; it shows the plan and asks for confirmation unless --yes is passed, and references/publish.md says never to send without the user's explicit yes. All other scripts talk only to a local headless Chrome on 127.0.0.1.scripts/publish.mjs:274
  • Relies on a CLI or package we could not reviewcapture, drive, print and turn-check launch a local Chrome/Chromium (CHROME_PATH, system install or Playwright cache) headless with a temporary profile, remote debugging on a random local port, --allow-file-access-from-files, and --no-sandbox on Linux; publish uses the GitHub CLI and git.scripts/capture.mjs:126

What we checked

The repository (173 files) on Oct 29, 2026. Not a full review: we read 7 of 106 code files; it relies on code outside the repository: Chrome or Chromium binary the capture/drive/print scripts launch, and the GitHub CLI and git used by publish --submit; The community gallery repository wheresryan22/anatomy-community that receives submissions; Most of the 106 code files were not opened (kit/*.mjs rendering libraries, examples/*, *.test.mjs, capture.mjs, drive.mjs, print.mjs, turn-check.mjs and others); a keyword search of them found only local-host CDP fetches and file writes.

NVIDIA SkillSpector static scan: 575 pattern hits (Memory Poisoning 483, analysis-evasion 72, MCP Rug Pull 8, Supply Chain 6, Rogue Agent 3, Agent Snooping 1). Of the 575 hits, 483 are Memory Poisoning notes and 72 are 'incomplete referenced artifact analysis' entries for files that SKILL.md links to and that exist in the repo. The obfuscation hits are large inline JSON DATA constants in generated example HTML pages. The '~/.codex/config.toml' hit is an install note in the README.

A review, not a certification. Skills change after we check them — read the files before installing.

License

MIT — commercial use allowed.

Can it run unattended?

Not really. It is a creative skill with visual self-checks, but outputs need a person's judgment of the result.

Alternatives to Anatomy

drawio-skill

Agents365-ai/drawio-skill

Skill that turns natural language, Terraform, SQL, OpenAPI and other sources into editable draw.io diagrams, with incremental sync, drift detection and CI tests.

Recommended Broad access Depth 4/5

Archify

tt-a1i/archify

A skill that turns a description or a codebase into a validated, interactive standalone HTML diagram or one-page explainer.

Recommended Check first Depth 5/5

diagram-design

cathrynlavery/diagram-design

A diagram skill that writes 45 diagram types as one self-contained HTML and SVG file in your brand, with onboarding, import and PNG export.

Recommended Check first Depth 4/5

AntV Infographic skills

antvis/Infographic

Agent skills from AntV's infographic engine: one writes a self-contained infographic from your text; four others help contributors extend its templates.

Recommended Check first Depth 2/5

FAQ

What is the Anatomy skill?

Anatomy is an agent skill that generates detailed, interactive isometric figures in SVG, WebGL and 3D. Each figure explains a technical idea as a physical machine that moves.

How do I use Anatomy?

Install the skill, then ask for a figure, for example /anatomy explain how a token bucket rate limiter works, interactive. It needs Node 20.10 or newer and Chrome or Chromium for its checks.

Does Anatomy need any API keys?

No. The README says there are no API keys and nothing to npm install, since the kit uses only Node's built-in modules.

Anatomy vs draw.io or Mermaid skills?

Those tools produce standard editable diagrams. Anatomy produces bespoke animated figures, which look more distinctive but cost far more tokens and are not editable in a diagramming tool.

Sources: GitHub repository (stars, license, file tree, last push Oct 18, 2026). Review based on the README and SKILL.md files as published.