anatomy
Transforms technical concepts into detailed interactive isometric diagrams.
- Type
- Agent Skill
- Open source
- Yes
- GitHub Stars
- ★ 2.8k
- Source
- skill-github
- Repository
- github.com/wheresryan22/anatomy
Overview
Anatomy is a Claude Code skill that converts technical concepts into detailed, interactive isometric diagrams. It generates SVG graphics and optionally uses WebGL shaders and 3D effects, suitable for documentation, articles, and landing pages. The skill explains technical concepts by constructing actual physical objects, producing graphics with numerous small, precise components, supporting mouse and keyboard interactions.
Capabilities
- ▪Generates detailed isometric diagrams
- ▪Supports SVG and WebGL shaders
- ▪Provides 3D effects
- ▪Supports interactive operations
Use cases
Setup
npx skills add wheresryan22/anatomy -g -a claude-code
This information was compiled by AI from public sources and may contain inaccuracies — please refer to the source.
FAQ
How to install Anatomy?
Use the npx command: npx skills add wheresryan22/anatomy -g -a claude-code
What dependencies are required?
Only Node 20.10 or higher is needed, no other dependencies
Related skills
ux-ui-agent-skills
Transform Claude into a senior design architect with design tokens, components, accessibility, and more.
herk-edit-kit
Herk Edit Kit: Edit videos, short films, and YouTube Shorts using Codex or Claude Code.
drawio-skill
Generate draw.io diagrams from natural language, supporting multiple presets and export formats.
sprite-gen
Generate clean 2D game sprites and animation atlases.
logo-generator-skill
Professional SVG logo generator with multiple design variants and presentation backgrounds.
claude-skill-aso-appstore-screenshots
Generate high-quality App Store screenshots to boost app download rates.