Distill
Nådeløs UI-reduksjonsrunde -- kutter innhold, CTA-er og dekorasjon som ikke driver handling.
Bestått
Hva den gjør
En reduksjonslinse for UI-arbeid: trimmer tekst, konkurrerende CTA-er, dekorative visuelle elementer og død kode mot en enkelt test (svarer dette på et spørsmål eller driver det en handling?), med en CRAFT_LEVEL-knapp for aggressivitet og en obligatorisk tilgjengelighets-sikkerhetsbarriere. Utløses når et UI føles rotete, travelt eller overlesset med CTA-er, eller når brukeren sier 'forenkle dette' eller 'destiller' i forbindelse med design/frontend-arbeid.
Testrapport
Gitt en rotete prisseksjon (3 konkurrerende CTA-er, en 12-punkts funksjonsliste, gradient-klatter, tekstvegger), produserte den en strukturert kutt/hvorfor-tabell pluss en eksplisitt regel om aldri å kutte tilgjengelighetsfunksjoner -- en konkret sikkerhetsbarriere som et generisk 'bare forenkle det'-basissvar hoppet helt over.
Testet på: 2026-07-14 · Claude Code 2.x (agent harness)
Installer
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
Kommandoer og eksempelprompter
/distillNådeløs UI-reduksjonsrunde -- kutter innhold, CTA-er og dekorasjon som ikke driver handling.
Skills utløses av vanlige forespørsler — ingen kommandoer å huske. Etter installasjonen aktiverer prompter som disse skillen (på engelsk):
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