Distill

Nådeløs UI-reduksjonsrunde -- kutter innhold, CTA-er og dekorasjon som ikke driver handling.

av educlopez · educlopez/ui-craft

Bestått ★ 8.8/10

Distill — Nådeløs UI-reduksjonsrunde -- kutter innhold, CTA-er og dekorasjon som ikke driver handling.

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