Distill

Nådesløs UI-reduktionsgennemgang -- skærer indhold, CTA'er og dekoration, der ikke driver handling.

Af educlopez · educlopez/ui-craft

Testet · Virker ★ 8.8/10

Distill — Nådesløs UI-reduktionsgennemgang -- skærer indhold, CTA'er og dekoration, der ikke driver handling.

Hvad det gør

En reduktionslinse for UI-arbejde: trimmer tekst, konkurrerende CTA'er, dekorative visuals og død kode mod en enkelt test (besvarer dette et spørgsmål eller driver det en handling?), med en CRAFT_LEVEL-knap for aggressivitet og et obligatorisk tilgængeligheds-værn. Udløses, når en UI føles rodet, travl eller overfyldt med CTA'er, eller når brugeren siger 'forenkle dette' eller 'destillere' i forbindelse med design/frontend-arbejde.

Testrapport

Givet en rodet prissektion (3 konkurrerende CTA'er, en 12-punkts feature-liste, gradient-klatter, tekstmure), producerede den en struktureret skær/hvorfor-tabel plus en eksplicit regel om aldrig at skære i tilgængelighedsfunktioner -- et konkret værn, som et generisk 'bare forenkle det'-basissvar helt overså.

Testet: 2026-07-14 · Claude Code 2.x (agent harness)

Installation

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ådesløs UI-reduktionsgennemgang -- skærer indhold, CTA'er og dekoration, der ikke driver handling.

Skills udløses af almindelige forespørgsler — ingen kommandoer at huske. Efter installationen 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