011 file · 6 KB
How I make a new skill
Tell your agent the job, the look and the stack, so it can write a skill you improve through use.
Image parity
Build from a screenshot’s measured colours, type and geometry, with a tool to inspect the image.
2 files · 14 KB
Why I keep it
I’ve had a build look plausible while its type was far too small, so image-parity starts with the full-resolution reference. The skill measures the image, builds to those numbers and compares a screenshot from the real app. Each mismatch becomes something specific to fix.
I’ve included SKILL.md and scripts/imgprobe.py for crops, grids, colours, boxes and edge scans. The tool needs Python and Pillow, so your agent can inspect the reference directly and repeat the comparison instead of making another visual guess.
Take the files
2 files · 14 KB
- SKILL.md8 KB
- scripts/imgprobe.py6 KB
Keep building your setup: Skills
Back to the shelves →021 file · 9 KB
Tech lead
Keep a build moving from a plan in your repo to checks against the work running in production.
038 files · 68 KB
Carbon copy
Rebuild a live design from its DOM, styles and motion, with evidence for each section.
041 file · 13 KB
Design system
Turn repeated styles into shared tokens, typed components and written rules your agent can follow.
053 files · 24 KB
Hero writer
Give your landing page one clear visual idea, with a written brief and measured type and spacing.
0639 files · 419 KB
Lead magnet PDF
Turn sourced research into a branded PDF, with real interface captures and checks for overflowing pages.
See what I ship
I’ll send you one build log a week: what I added to the library and what I shipped with it. You can unsubscribe any time.