/anatomy explain how a mechanical watch keeps time, interactive
Make it hereFree runs soon
Watch movement anatomy
An interactive isometric watch movement explains winding, the escapement and gear ratios. Ryan made it with Claude Code and the Anatomy skill from one published prompt.
- Claude Code
- SVG
- Anatomy
- One-shot
- 1h 54m
You'll need
- Install the Anatomy skill: npx skills add wheresryan22/anatomy
How it was made
The creator says it was built in one pass and checked by the same agent. Requires the Anatomy skill.
Claude Code · SVG · Anatomy
1 hour 54 minutes
Source and credit
X · Oct 11, 2026 · 5.5k likes · 337k views
Made with AI, according to the source
Published instructions: https://skills.wheresryan.sh/anatomy
Look notesby Reference
An almost-white technical reference page combines delicate mechanical linework, quiet documentation styling, and small warm-toned painted accents.
- Color
- Off-white background, white cards, pale gray outlines and shadows, charcoal text, muted gray labels, and beige, ochre, and brown painted hands.
- Type
- Small regular-weight sans-serif navigation and body text, modest headings, monospaced code, and a small italic serif phrase in the footer caption.
- Framing
- A narrow persistent navigation rail sits left of a central reading column. The large angled watch illustration extends beyond the prose width, with compact controls to its right and generous open space around it.
- Structure
- Breadcrumb and title; watch illustration with controls and status; explanatory paragraph; rounded command and code cards; theming and standalone usage examples; previous/next links; faded painted-hands image and caption.
