Distill
Gnadenloser UI-Reduktionsdurchlauf – schneidet Inhalte, CTAs und Dekorationen, die keine Aktion fördern.
Getestet · Funktioniert
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 mattersTrim the competing CTAs on this page so one action stands outStrip the decorative fluff off this UI without breaking accessibility