anatomy: a Claude Code skill by Ryan
For writers and developers who want a detailed, animated isometric figure to explain a system. Skip it if a quick box-and-arrow diagram will do or you lack Node.js.
- Score
- 70of 100
- Rank
- #173of 239
- Installs
- 32.8Kon skills.sh
- Stars
- 26.5Kon GitHub
- Security
- Mixed 3 scanners
- Updated
- 2026
- Context
- ~256tokens always
Install
npx skills add https://github.com/wheresryan22/anatomy --skill anatomy
Run it in your terminal. View the source
Most people install it straight from GitHub, where it has 26.5K stars, so its skills.sh count understates how widely it is used.
Using the Claude app rather than Claude Code? You can add a skill there too. How to add it in the app
What does anatomy do?
anatomy is a skill that explains a technical idea as an interactive isometric drawing of a real machine, such as a dial gauge or a lock. It sizes the job first as a Figure, Hero or Epic, collects true numbers, invents an object whose motion maps to the concept, lists 40 or more parts, then builds the geometry with its kit. Builds run in Node to standalone HTML or React components, with optional WebGL shaders for fire, water or light. Claude checks headless Chrome screenshots, runs a geometry audit and line check to zero, can print an A4 PDF, and publishes to a gallery only when asked.
When should you use anatomy?
Use it when
- A blog post needs a figure showing how something works
- You want an interactive explainer on a landing page
- You want a printable technical poster
Skip it when
- You need a simple flowchart fast
- You can't install Node.js 20.10+ or Chrome
What it needs and what it can touch
You need
- Node.js 20.10+
- Chrome or Chromium for the checks
What it can do
- Runs Node scripts and headless Chrome
- Reads and writes project files
- Publishes to the Anatomy community gallery only when you ask
From reading its instructions, not from running it.
Why it scores 70
Strongest on quality (100 of 100), weakest on adoption (54).
Is anatomy safe to install?
At least one scanner raised a medium warning. Read the results below. Scanners often miss what other scanners catch, and a skill can change after a scan. Read its source before you install it.
| Scanner | Result | Date |
|---|---|---|
| Gen Agent Trust Hub | Medium risk | Oct 20, 2026 |
| Socket | Passed | Oct 19, 2026 |
| Snyk | Low risk | Oct 19, 2026 |
Details
- Installs
- 32,808
- Repository stars
- 26,493
- Last repository change
- Tokens always loaded
- about 256
- Tokens when used
- about 8,064
- License
- MIT
- Data confidence
- High
Did it do the job for you?
Alternatives to anatomy
All skills for this job-
Get visual-explainervisual-explainer
For developers who want diffs, plans and systems explained as a visual HTML page.
-
Get diagram-designdiagram-design
For people who want clean, on-brand diagrams and charts as single HTML files with inline SVG.
-
Get fireworks-tech-graphfireworks-tech-graph
For engineers who want clean architecture and workflow diagrams as SVG, PNG or GIF from a description.
-
Get ian-xiaohei-illustrationsian-xiaohei-illustrations
For Chinese-language writers who want quirky hand-drawn images placed through an article.
anatomy