Distill

Gnadenloser UI-Reduktionsdurchlauf – schneidet Inhalte, CTAs und Dekorationen, die keine Aktion fördern.

von educlopez · educlopez/ui-craft

Getestet · Funktioniert ★ 8.8/10

Distill — Gnadenloser UI-Reduktionsdurchlauf – schneidet Inhalte, CTAs und Dekorationen, die keine Aktion fördern.

Was es kann

Eine Reduktionslinse für die UI-Arbeit: kürzt Texte, konkurrierende CTAs, dekorative Visuals und toten Code anhand eines einzigen Tests (beantwortet dies eine Frage oder fördert es eine Aktion?), mit einem CRAFT_LEVEL-Regler für die Aggressivität und einer obligatorischen Barrierefreiheits-Leitplanke. Wird ausgelöst, wenn sich eine UI überladen, unruhig oder mit CTAs überfrachtet anfühlt, oder wenn der Benutzer 'vereinfache das' oder 'destilliere' im Zusammenhang mit Design-/Frontend-Arbeit sagt.

Testbericht

Bei einem überladenen Preisbereich (3 konkurrierende CTAs, eine 12-Punkte-Feature-Liste, Verlaufs-Blobs, Textwände) erzeugte er eine strukturierte Tabelle mit Kürzungen und Begründungen sowie eine explizite Regel, niemals Barrierefreiheitsmerkmale zu entfernen – eine konkrete Leitplanke, die eine generische 'vereinfache es einfach'-Baseline-Antwort komplett ausließ.

Getestet am: 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

Befehle & Beispiel-Prompts

  • /distillGnadenloser UI-Reduktionsdurchlauf – schneidet Inhalte, CTAs und Dekorationen, die keine Aktion fördern.

Skills reagieren auf normale Anfragen — keine Slash-Befehle nötig. Nach der Installation aktivieren Prompts wie diese den Skill (auf Englisch):

  • 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