Distill

Genadeloze UI-reductieronde -- snijdt in content, CTA's en decoratie die geen actie stimuleren.

Door educlopez · educlopez/ui-craft

Getest · Werkt ★ 8.8/10

Distill — Genadeloze UI-reductieronde -- snijdt in content, CTA's en decoratie die geen actie stimuleren.

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 matters
  • Trim the competing CTAs on this page so one action stands out
  • Strip the decorative fluff off this UI without breaking accessibility