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.
Carbon copy
Rebuild a live design from its DOM, styles and motion, with evidence for each section.
8 files · 68 KB
Why I keep it
WithSeismic’s homepage began as a measured template with my own content. Earlier builds taught me that an agent can get a screenshot’s overall mood while missing its fonts, spacing and motion, so carbon-copy measures the source before building each section.
I’ve included the DOM and style probes, the measurement workflow and the evidence checker. They give your agent numbers to build against and captures to compare at different widths, so “looks close” has to survive a section-by-section check in the real app.
How I use it: Turn repeat work into a skill →Take the files
8 files · 68 KB
- SKILL.md15 KB
- references/agent-workflow.md7 KB
- references/evidence-contract.md13 KB
- references/measure.js2 KB
- references/measurement-workflow.md6 KB
- references/probe.js8 KB
- scripts/check-evidence.mjs15 KB
- tests/probe.test.mjs3 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.
031 file · 13 KB
Design system
Turn repeated styles into shared tokens, typed components and written rules your agent can follow.
043 files · 24 KB
Hero writer
Give your landing page one clear visual idea, with a written brief and measured type and spacing.
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.