Anatomy

Overview

Anatomy is a Claude Code skill that turns a one-line idea into a live isometric figure of a real machine. The skill invents the object, builds it from many solid parts, and makes every readout come from the same model that drives the motion. Figures can be SVG, WebGL, or true 3D, and each is also available as a themeable React component or custom element.

Key Features

• Turns a one-line idea into an interactive isometric figure of an invented machine.
• Builds figures from dozens to hundreds of small solid parts, with depth-sorted painting and one lit accent.
• Supports optional interactive controls, WebGL shaders, and true 3D figures.
• Ships every collection figure as a React component and a custom element, with five themes and customizable tokens.
• Figures take keyboard focus, announce readout changes to screen readers, and go still under reduced motion.
• Collection includes 33 live figures, and six complete examples ship with the skill.

Use Cases

• Explain technical concepts in documentation, articles, and landing pages.
• Create interactive explainer diagrams for software and engineering ideas such as LRU caches, bloom filters, TCP handshakes, and turbofan engines.
• Embed themeable live figures into React or Next.js sites.
• Build educational or technical illustrations from a natural-language prompt.

Getting Started

• Add the skill to Claude Code with npx skills add wheresryan22/anatomy.
• Or download the skill ZIP and unzip it into your skills folder, such as ~/.claude/skills.
• Then open Claude Code in your project and ask for an explanatory figure, naming the idea rather than the drawing.

Deployment & Requirements

• Claude Code environment.
• Node.js 20.10 or newer, per the README badge.
• No additional dependencies are reported.

Before You Adopt

• License: MIT. Review its terms before using, modifying, or distributing the project.
• 3D figures are a beta feature and are slow to audit, so they are best requested only when a part must move in depth.
• The skill favors detailed figures over speed and will not trade detail for speed on its own, so quick results should be requested explicitly.
• Claude may build a figure that works but does not visually read correctly, so the first figure should be reviewed and refined.
• Reference images are used for finish and mood, not for faithful copying of another drawing.