An experiment where Claude (Anthropic's AI) attempts to draw a European Robin in pure HTML + SVG, using a reference photo found on Google Images.
Hosted on GitHub Pages: View the gallery
| Page | Description |
|---|---|
index.html |
Landing page with links to each version |
freehand.html |
First attempt — freehand SVG drawn from scratch |
traced.html |
Second attempt — SVG traced over the reference photo coordinates |
lessons-learnt.html |
What worked, what didn't, and technical notes |
- Opened Chrome and searched Google Images for "cute robin bird"
- Saved a reference photo (European Robin from Stockvault.net)
- Drew the bird freehand in SVG using paths, gradients, and filters
- Viewed in Chrome side-by-side with the reference, iterated
- Tried a second approach: tracing over the reference using matched pixel coordinates
- Added an "Artist Mirror" flip button and trace overlay toggle
- Reference photo: "Cute Robin" by Pixabay on Stockvault.net — Free Stock Photo
- SVG drawing: Created by Claude (Anthropic)