Distill
Genadeloze UI-reductieronde -- snijdt in content, CTA's en decoratie die geen actie stimuleren.
Getest · Werkt
Wat het doet
Een reductielens voor UI-werk: snoeit in copy, concurrerende CTA's, decoratieve visuals en dode code aan de hand van één enkele test (beantwoordt dit een vraag of stimuleert het een actie?), met een CRAFT_LEVEL-knop voor agressiviteit en een verplichte toegankelijkheids-guardrail. Triggert wanneer een UI rommelig, druk of overladen met CTA's aanvoelt, of wanneer de gebruiker 'vereenvoudig dit' of 'distilleer' zegt in combinatie met ontwerp/frontend-werk.
Testrapport
Gaf het een rommelige prijssectie (3 concurrerende CTA's, een featurelijst met 12 items, gradient blobs, lappen tekst), en het produceerde een gestructureerde 'wat/waarom'-tabel plus een expliciete regel om nooit te snijden in toegankelijkheidsvoorzieningen -- een concrete guardrail die een generiek 'vereenvoudig het maar'-basislijn-antwoord volledig oversloeg.
Getest op: 2026-07-14 · 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/distill ~/.claude/skills/distill cp -r .agents/skills/ui-craft ~/.claude/skills/ui-craft
Commando's en voorbeeldprompts
/distillGenadeloze UI-reductieronde -- snijdt in content, CTA's en decoratie die geen actie stimuleren.
Skills reageren op gewone verzoeken — geen commando's om te onthouden. Na installatie activeren prompts zoals deze de skill (in het Engels):
This screen feels cluttered, help me cut it down to what mattersTrim the competing CTAs on this page so one action stands outStrip the decorative fluff off this UI without breaking accessibility