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.
Hero writer
Give your landing page one clear visual idea, with a written brief and measured type and spacing.
3 files · 24 KB
Why I keep it
I built hero-writer after rejecting a random generator: the type and spacing needed rules before the outputs were worth keeping. It starts with one visual gesture and a written brief, so the agent has a design decision to build around rather than a pile of effects.
I’ve included SKILL.md, rules.md and the brief templates in prompts.md. They tie sizes to a type and space scale and require checks at desktop and mobile widths, so you can take the brief straight into JSX and CSS without my renderer app.
Take the files
3 files · 24 KB
- SKILL.md5 KB
- prompts.md6 KB
- rules.md12 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.
052 files · 14 KB
Image parity
Build from a screenshot’s measured colours, type and geometry, with a tool to inspect the image.
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.