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.
Lead magnet PDF
Turn sourced research into a branded PDF, with real interface captures and checks for overflowing pages.
39 files · 419 KB
Why I keep it
I used this workflow for Vouchernaut for Brands and the Vouchernaut case study, because a useful PDF needs its research, words and layout to hold together. The skill takes a book from sourced research through fact checks, design and rendering to getting it onto the site.
I’ve included the renderer, research workflow, UI capture and art scripts, plus a starter book. The renderer fails on overflow, so page checking is part of the build. You supply your own fonts and images; the setup runs through pnpm and Chromium.
Take the files
39 files · 419 KB
- SKILL.md37 KB
- package.json214 B
- pnpm-lock.yaml12 KB
- references/brands/README.md3 KB
- references/brands/benson.md7 KB
- references/brands/vouchernaut/art-base.txt1 KB
- references/brands/vouchernaut/naut-in-scene.txt3 KB
- references/brands/vouchernaut.md12 KB
- references/voice-guide.md8 KB
- references/workflows/build-fast.js12 KB
- references/workflows/research.js10 KB
- scripts/_grid.mjs519 B
- scripts/art.mjs9 KB
- scripts/refs.py12 KB
- scripts/render.mjs27 KB
- scripts/ui-capture.mjs14 KB
- starter/README.md6 KB
- starter/.gitignore113 B
- starter/assets/lockup-dark.svg7 KB
- starter/assets/wordmark-ink.svg4 KB
- starter/assets/wordmark-white.svg4 KB
- starter/editorial.css20 KB
- starter/examples/03-contents.html10 KB
- starter/fonts/LICENSE-FFL.txt12 KB
- starter/fonts/OFL-Inter.txt4 KB
- starter/fonts/OFL-JetBrainsMono.txt4 KB
- starter/pages/01-cover.html1 KB
- starter/pages/02-foreword.html3 KB
- starter/pages/05-problem.html13 KB
- starter/pages/07-mechanics.html25 KB
- starter/pages/11-plays-1.html25 KB
- starter/pages/15-checklist.html8 KB
- starter/pages/17-sources.html60 KB
- starter/pages/18-back.html2 KB
- starter/template.html788 B
- starter/themes/README.md4 KB
- starter/themes/fonts/OFL-Geist.txt4 KB
- starter/themes/fonts/OFL-SofiaSans.txt4 KB
- starter/themes/photo-openers.css29 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.
062 files · 14 KB
Image parity
Build from a screenshot’s measured colours, type and geometry, with a tool to inspect the image.
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.