Use the Anatomy Skill to Turn a Technical Idea Into an Interactive Machine

Describe an idea in one line and get a working, interactive illustration of it.

Overview

By the end of this guide, you'll have:

  • The Anatomy skill installed in Claude Code.

  • One interactive figure built from an idea you chose.

  • Output in the form you need: a web page, an image file or React components.

Who This Is For

  • You explain technical ideas to clients or readers and plain text is not enough.

  • You want a visual without hiring a designer.

  • You are comfortable running a few terminal commands.

  • You sell something complicated and want to show how it works to clients, buyers or readers.

  • You want a visual for a lead magnet, a listing page or a presentation.

What You'll Need

  • Claude Code.

  • Node.js 20.10 or later. The skills installer asks for 22.20 or later.

  • Chrome or Chromium, for the skill's browser checks.

  • One idea you want to show.

The Core Idea

Anatomy explains an idea by building it as a real, working object. Name the idea and give real numbers, or name the object and what should move. It draws machines, instruments and tools, not charts.

Quick Terms

  • Skill: a saved set of instructions Claude can follow when it is needed.

  • SVG: a type of image file that stays sharp at any size.

  • WebGL: a browser feature that draws effects such as water or fire.

  • React: a popular tool for building web pages. You only need it if your site already uses it.

Going Further

  • Ask for a light or dark theme to match your site.

  • Re-run the same idea with different numbers and compare.

  • Save finished figures you are proud of for your own gallery.