Craft
Bouwt dashboards/landingspagina's/auth-flows in één keer: pixel-exact recept, states als bouwstappen, harde acceptatiedrempel.
Werkt met setup
Wat het doet
Bouwt een complete, verzendbare UI-surface (dashboard, landingspagina of auth-flow) in één keer vanuit een benoemd outcome-recept — legt compositie en thema vast op basis van een korte Q&A, volgt een exacte bouwvolgorde (tokens, shell, hero-tier, states, toetsenbord), en draait daarna een acceptatiechecklist die volledig moet slagen voordat 'klaar' wordt gemeld. Trigger bij 'bouw me een dashboard' of 'craft een landingspagina' wanneer een verzendbaar resultaat gewenst is, niet bij component-niveau-aanpassingen zoals padding of louter kleurvragen.
Testrapport
De receptbestanden waar craft/SKILL.md naar linkt op 'references/recipe-dashboard.md' enzovoort staan helemaal niet in de craft/-map — ze staan één map verderop, in de aanpalende ui-craft-skill, dus een standalone kopie van alleen 'craft' geeft een 404 op zijn eigen instructies. Eenmaal naar de juiste map gewezen, bewijst het zijn waarde: de standaard 'Command'-compositie specificeert een exacte sidebar van 240px, een dominante work-queue-tabel, en benoemde responsive breakpoints — niets daarvan produceerde een vrij 'bouw me een dashboard'-antwoord.
Getest op: 2026-07-13 · Claude Code 2.x (agent harness)
Installatie
git clone https://github.com/educlopez/ui-craft cd ui-craft mkdir -p ~/.claude/skills cp -r .agents/skills/craft ~/.claude/skills/craft
Commando's en voorbeeldprompts
/craftBouwt dashboards/landingspagina's/auth-flows in één keer: pixel-exact recept, states als bouwstappen, harde acceptatiedrempel.
Skills reageren op gewone verzoeken — geen commando's om te onthouden. Na installatie activeren prompts zoals deze de skill (in het Engels):
Build me a complete admin dashboard in one shot, states and allCraft a landing page that's fully shippable, not just a draftI need an auth flow built end to end with a hard acceptance bar