Distill
Passaggio di riduzione spietata dell'UI: taglia contenuti, CTA e decorazioni che non guidano all'azione.
Promosso
Cosa fa
Una lente di riduzione per il lavoro sull'UI: riduce testi, CTA in competizione, elementi visivi decorativi e codice morto rispetto a un unico test (risponde a una domanda o guida un'azione?), con un selettore CRAFT_LEVEL per l'aggressività e una barriera di protezione obbligatoria per l'accessibilità. Si attiva quando un'UI appare disordinata, affollata o sovraccarica di CTA, o quando l'utente dice 'semplifica questo' o 'distilla' nel contesto di lavoro di design/frontend.
Rapporto di test
Data una sezione prezzi disordinata (3 CTA in competizione, un elenco di 12 feature, macchie di gradiente, muri di testo), ha prodotto una tabella strutturata taglio/perché più una regola esplicita di non tagliare mai gli ausili per l'accessibilità — una barriera di protezione concreta che una risposta generica 'semplifica e basta' ha completamente saltato.
Testato il: 2026-07-14 · Claude Code 2.x (agent harness)
Installazione
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
Comandi e prompt di esempio
/distillPassaggio di riduzione spietata dell'UI: taglia contenuti, CTA e decorazioni che non guidano all'azione.
Gli skill si attivano con richieste in linguaggio naturale, senza comandi da ricordare. Dopo l'installazione, prompt come questi lo attivano (in inglese):
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