Skip to content

Anatomy 1.0

Latest
Latest

Choose a tag to compare

View all tags
@wheresryan22 wheresryan22 released this 10 Oct 15:44
v1.0.0
dbf697a

The first release of Anatomy, a Claude Code skill that explains an idea by building it as a real, working object: a crafted, interactive isometric figure in SVG, with WebGL shaders and parts that turn in true 3D when you ask for them.

Install

npx skills add wheresryan22/anatomy

The skills CLI needs Node 22 or later. Or download anatomy.zip below and unzip it into ~/.claude/skills. The latest zip is always at https://github.com/wheresryan22/anatomy/releases/latest/download/anatomy.zip

Then ask for a figure, for example /anatomy explain how a hash map handles collisions, interactive.

What's inside

  • The workflow and craft rules in SKILL.md. Every request is sized first (Figure, Hero or Epic) and the estimate is told to you before work starts.
  • The kit: the SVG core, round parts, pipes, the geometry audit, the WebGL layer, React components, and the 3D mode (beta).
  • Eight references and the headless Chrome checks in scripts/.
  • Eight examples, with their built pages committed, so you can open any .html to try it: arcade-cabinet, desk-computer, dial-indicator, raptor-engine, ripple-tank, spot-plate, test-rig and turning-dial.

New since the repository went public

  • examples/arcade-cabinet/: an upright arcade cabinet with its side panel off. A quarter rolls down the coin chute, trips the coin switch, and the CRT warms up into an attract mode (#1).
  • examples/spot-plate/: six pairs of glass drops that run together into one piece of glass as a fan of feeler blades opens.
  • The sizing step at the start of the workflow.
  • examples/test-rig/ now draws its glass button correctly in the light theme.

Website and collection: https://skills.wheresryan.sh/anatomy

MIT

Assets 3
Loading