EXPLAINER0:16Anatomy: interactive isometric explainers
The anatomy skill draws interactive isometric SVG illustrations that explain any concept, with 3D effects.
/
SubmitAnatomy: interactive isometric illustrations
Draws detailed, interactive isometric cutaways of real objects as code; a port also runs in ChatGPT/Codex.
0:00
Video: @TahaElGabroun on X, shown with credit. Press play; sound is on unless you mute it.
Images from the project README on GitHub.
Reference videos (8)
Real videos made with this skill, credited to their creators. Hover to preview.
EXPLAINER0:16
EXPLAINER0:17Anatomy explains LLM temperature
One /anatomy request turned "how does temperature work in an LLM" into an interactive visual explainer.
EXPLAINER0:20A supercar taken apart with /anatomy
300+ parts drawn in isometric 3D that you can rotate, inspect and explode apart.
EXPLAINER0:19Device teardowns drawn with Anatomy
Interactive breakdowns of real devices and machines, generated with the anatomy skill.
EXPLAINER0:16How machines work, shown with Anatomy
Interactive machine cutaways generated by the anatomy skill.
EXPLAINER1:30Interactive A380 in one SVG with Anatomy
600+ parts and a gate-to-takeoff sequence, built with the anatomy skill.
EXPLAINER0:17Two-stroke engine explainer with Anatomy
An interactive exploded view that explains how a two-stroke engine works.
EXPLAINER1:30Falcon 9 explainer video made with Anatomy
The anatomy skill produced the rocket breakdown; a voiceover turned it into a science explainer.
Try it in 60 seconds
npx skills add wheresryan22/anatomy -g
Install command copied from the project README. Check the README for the latest version.
What it does
Draws detailed, interactive isometric cutaways of real objects as code; a port also runs in ChatGPT/Codex.
A Claude skill that explains an idea by building it as a real, working object. Also runs in OpenCode and Codex. Crafted, interactive isometric figures with many small precise parts, in SVG, WebGL and 3D.
Quick start · Gallery · What it makes · Install · Usage · Examples · How it works · Limits
Quoted from the README of wheresryan22/anatomy.
Inside the repo
Quick startGalleryWhat it makesInstallUsageExamplesHow it worksRequirementsLimitsShare a figureContributingLicense
A prompt to try
Draw an interactive isometric cutaway of a [product] with labeled parts and a slow rotate animation.
Draw an interactive isometric cutaway of a [product] with labeled parts and a slow rotate animation.
Written by us so you can reuse it. Replace each [bracket] with your details.
Step by step
- Open the GitHub repo and skim the README (install commands change often).
- Install it: copy the skill folder into ~/.claude/skills/ (Claude Code) or ~/.codex/skills/ (Codex), or use the plugin/marketplace command from the README.
- Restart Claude Code or Codex.
- Ask for the job in plain words; the skill loads when your request matches.
Docs, demos & materials
Sources & credit
All credit to the original authors. We rewrite in our own words and link back. Something wrong? Report it.
Related
SKILL0:56HyperFrames: write HTML, get a video
Open-source renderer that turns HTML/CSS/JS scenes into frame-exact MP4s; built so coding agents can drive it.
Claude Code +1★ 63.8k
SKILL0:34/brag: turn a finished project into a launch video
Type /brag in a project; it reads the code and renders a ~20s launch film with music, captions and share copy.
Claude Code +1★ 16k
SKILLGSAP official agent skills
Official skills from GreenSock that teach agents to write correct, smooth GSAP animations.
Claude Code +1★ 16.4k
SKILLmotion-skills: 50 packs (Reels, explainers, data-viz, Manim)
Install a pack and your agent works like a motion designer for TikTok/Reels, explainers, charts and WebGL.
Claude Code +2★ 812
SKILLanimate: single-file procedural videos with a storyboard
Makes short canvas videos in any style, planning story, look and storyboard as it goes.
Claude Code★ 703
SKILLBarty-Bart motion-graphics skills
Motion-graphics skills for Claude Code and Codex: animated cards and B-roll from your script.
Claude Code +1★ 682Coming soon
AgentsUses Weekly
A free weekly email with the best new skills and agent workflows is coming soon. Want a heads-up when the first issue goes out? Email [email protected] and we will let you know.