Distill
Passe de réduction d'UI impitoyable -- supprime le contenu, les CTA et la décoration qui n'incitent pas à l'action.
Testé · Fonctionne
Ce que fait
Une lentille de réduction pour le travail d'UI : élague le texte, les CTA concurrents, les visuels décoratifs et le code mort par rapport à un test unique (est-ce que cela répond à une question ou incite à une action ?), avec un bouton CRAFT_LEVEL pour l'agressivité et un garde-fou d'accessibilité obligatoire. Se déclenche lorsqu'une UI semble encombrée, chargée ou surchargée de CTA, ou lorsque l'utilisateur dit 'simplifie ça' ou 'distill' en parallèle d'un travail de design/frontend.
Rapport de test
Face à une section de tarification encombrée (3 CTA concurrents, une liste de 12 fonctionnalités, des taches de dégradé, des murs de texte), elle a produit un tableau structuré de suppression/justification plus une règle explicite de ne jamais supprimer les aides à l'accessibilité -- un garde-fou concret qu'une réponse de base générique 'simplifie juste ça' a complètement ignoré.
Testé le: 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
Commandes et exemples de prompts
/distillPasse de réduction d'UI impitoyable -- supprime le contenu, les CTA et la décoration qui n'incitent pas à l'action.
Les skills se déclenchent sur des demandes en langage courant — aucune commande à retenir. Après installation, des prompts comme ceux-ci l'activent (en anglais) :
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