Built with the list
it shows
This site is the demo. Below is what its hero looks like on autopilot, what changed, and the CSS each skill in the catalog left behind.
(01)
Autopilot, then crafted.
INTRODUCING VIBECODER SKILLS
Supercharge Your
AI Workflow Unlock the power of AI-driven development with our cutting-edge, all-in-one platform. Get StartedLearn More Lightning Fast Secure by Default Infinitely Scalable
AI Workflow Unlock the power of AI-driven development with our cutting-edge, all-in-one platform. Get StartedLearn More Lightning Fast Secure by Default Infinitely Scalable
Five tells, and what replaced them. Hover one to find it in the frame above.
(02)
The receipts.
What each skill contributed, and the CSS it left behind. Open any line.
(03)
Start with three commands.
Pick any one. Each works in the project you already have open.
1
Give your agent taste
A skill loads into your coding agent and changes how it works on every task after.
npx skills@latest add emilkowalski/skills
2
Pull in a component
Libraries copy their source into your project, so you own it and can change it.
npx shadcn@latest registry add @fluid
3
Check the result
Point a linter at the running page and fail the build when the UI drifts.
npm i -D lintapple && npx lintapple initThe full catalog lives on GitHub, with notes on when to reach for each entry and when to leave it out.
Open the repo