ui-craft distill: ruthless UI reduction pass - **name_fr:** ui-craft distill : passe de réduction impitoyable de l'UI - **tl_en:** Cut clutter from a UI with one question — does this answer a user question or drive an action? - **tl_fr:** Éliminer le superflu d'une UI avec une seule question — est-ce que ça répond à une question ou déclenche une action ? - **creator:** @educlopez - **type:** Agent skill - **url:** https://github.com/educlopez/ui-craft - **cat:** Design - **kws:** ui design, distill, simplification, declutter, craft, frontend, ux - **license:** MIT **Description EN:** Curated by Skill Harbor — the "distill" lens of the ui-craft system: a ruthless reduction pass over content, structure, visuals and code, with one test applied to every section, component, prop and word — does it answer a user question or drive an action? If not, cut it. Walls of text become 2–3 sentences, competing CTAs become one primary plus one secondary, decorative noise disappears, dead code goes, all gated by a CRAFT_LEVEL knob and ending with a before/after delta report. By @educlopez, listed here with credit to its creator. Honest caveats: one lens of the broader ui-craft skill — read the main ui-craft SKILL.md first for the full method; it edits code directly, so review the reported cuts before keeping them; accessibility affordances are explicitly off-limits to cuts. Discovered via skills.sh. Skill Harbor never reviews the code, review it yourself before use. **Description FR:** Sélectionné par Skill Harbor — la lentille « distill » du système ui-craft : une passe de réduction impitoyable sur le contenu, la structure, les visuels et le code, avec un test appliqué à chaque section, composant, prop et mot — est-ce que ça répond à une question de l'utilisateur ou déclenche une action ? Sinon, on coupe. Les murs de texte deviennent 2–3 phrases, les CTAs concurrents deviennent un principal plus un secondaire, le bruit décoratif disparaît, le code mort s'en va, le tout réglé par un curseur CRAFT_LEVEL et conclu par un rapport delta avant/après. Crédit : @educlopez. Bémols honnêtes : une lentille du skill ui-craft plus large — lisez d'abord le SKILL.md principal de ui-craft pour la méthode complète ; il modifie le code directement, donc vérifiez les coupes rapportées avant de les garder ; les affordances d'accessibilité sont explicitement hors limites des coupes. Découvert via skills.sh. Skill Harbor ne vérifie jamais le code, examinez-le vous-même avant usage. **Install prompt EN:** ``` Prerequisites: a UI/frontend project to work on; the main `ui-craft` skill installed for the full method (recommended, read its SKILL.md first) Install "ui-craft distill: ruthless UI reduction pass" for me. Give my agent the distill lens of ui-craft — the ruthless UI reduction pass with its cut test, CRAFT_LEVEL gating, content/structure/visual/code cut patterns, guardrails and before/after delta report Repository: https://github.com/educlopez/ui-craft/blob/main/.agents/skills/distill/SKILL.md 1. Fetch the SKILL.md file for the educlopez-ui-craft-distill skill from the repository into a temporary folder and summarize what it does in one or two sentences. 2. Safety check: review the SKILL.md for anything suspicious (unexpected network calls, shell commands, credential harvesting). This repo should contain zero secrets in code, credentials only via the secure vault, allowed hosts declared in the SKILL.md. Verify that holds here; STOP on any red flag and tell me. 3. Install it as a skill: copy SKILL.md into the agent's skills directory, in a folder named "educlopez-ui-craft-distill". 4. Verify with no network calls: frontmatter valid, files in place. 5. Report what was installed, where, and what I still need to do myself (e.g. install the main ui-craft skill too, point it at my UI). GitHub is optional: if I have a GitHub account or the gh CLI, you may use it; otherwise public access is fine. Never require it unless it's in the prerequisites above. Rules: don't touch anything outside the temp folder and the install target. If anything looks off, stop and ask me. ``` **Install prompt FR:** ``` Prérequis : un projet UI/frontend sur lequel travailler ; le skill principal `ui-craft` installé pour la méthode complète (recommandé, lisez d'abord son SKILL.md) Installe-moi « ui-craft distill : passe de réduction impitoyable de l'UI ». Donne à mon agent la lentille distill de ui-craft — la passe de réduction impitoyable de l'UI avec son test de coupe, le curseur CRAFT_LEVEL, les patterns de coupe contenu/structure/visuels/code, les garde-fous et le rapport delta avant/après Dépôt : https://github.com/educlopez/ui-craft/blob/main/.agents/skills/distill/SKILL.md 1. Récupère le fichier SKILL.md du skill educlopez-ui-craft-distill depuis le dépôt dans un dossier temporaire et résume en une ou deux phrases ce qu'il fait. 2. Contrôle de sécurité : examine le SKILL.md pour tout contenu suspect (appels réseau inattendus, commandes shell, récolte d'identifiants). Ce dépôt ne doit contenir aucun secret dans le code ; les identifiants passent uniquement par le coffre sécurisé, les hôtes autorisés sont déclarés dans le SKILL.md. Vérifie que c'est bien le cas ; STOP sur le moindre signal d'alerte et préviens-moi. 3. Installe-le comme skill : copie SKILL.md dans le répertoire des skills de l'agent, dans un dossier nommé « educlopez-ui-craft-distill ». 4. Vérifie sans aucun appel réseau : frontmatter valide, fichiers en place. 5. Indique ce qui a été installé, où, et ce qu'il me reste à faire moi-même (p. ex. installer aussi le skill principal ui-craft, le pointer vers mon UI). GitHub est optionnel : si j'ai un compte GitHub ou la CLI gh, tu peux l'utiliser ; sinon l'accès public suffit. Ne jamais l'exiger sauf si c'est dans les prérequis ci-dessus. Règles : ne touche à rien en dehors du dossier temporaire et de la cible d'installation. Si quelque chose semble anormal, arrête-toi et demande-moi. ``` ---

Éliminer le superflu d'une UI avec une seule question — est-ce que ça répond à une question ou déclenche une action ? - **creator:** @educlopez - **type:** Agent skill - **url:** https://github.com/educlopez/ui-craft - **cat:** Design - **kws:** ui design, distill, simplification, declutter, craft, frontend, ux - **license:** MIT **Description EN:** Curated by Skill Harbor — the "distill" lens of the ui-craft system: a ruthless reduction pass over content, structure, visuals and code, with one test applied to every section, component, prop and word — does it answer a user question or drive an action? If not, cut it. Walls of text become 2–3 sentences, competing CTAs become one primary plus one secondary, decorative noise disappears, dead code goes, all gated by a CRAFT_LEVEL knob and ending with a before/after delta report. By @educlopez, listed here with credit to its creator. Honest caveats: one lens of the broader ui-craft skill — read the main ui-craft SKILL.md first for the full method; it edits code directly, so review the reported cuts before keeping them; accessibility affordances are explicitly off-limits to cuts. Discovered via skills.sh. Skill Harbor never reviews the code, review it yourself before use. **Description FR:** Sélectionné par Skill Harbor — la lentille « distill » du système ui-craft : une passe de réduction impitoyable sur le contenu, la structure, les visuels et le code, avec un test appliqué à chaque section, composant, prop et mot — est-ce que ça répond à une question de l'utilisateur ou déclenche une action ? Sinon, on coupe. Les murs de texte deviennent 2–3 phrases, les CTAs concurrents deviennent un principal plus un secondaire, le bruit décoratif disparaît, le code mort s'en va, le tout réglé par un curseur CRAFT_LEVEL et conclu par un rapport delta avant/après. Crédit : @educlopez. Bémols honnêtes : une lentille du skill ui-craft plus large — lisez d'abord le SKILL.md principal de ui-craft pour la méthode complète ; il modifie le code directement, donc vérifiez les coupes rapportées avant de les garder ; les affordances d'accessibilité sont explicitement hors limites des coupes. Découvert via skills.sh. Skill Harbor ne vérifie jamais le code, examinez-le vous-même avant usage. **Install prompt EN:** ``` Prerequisites: a UI/frontend project to work on; the main `ui-craft` skill installed for the full method (recommended, read its SKILL.md first) Install "ui-craft distill: ruthless UI reduction pass" for me. Give my agent the distill lens of ui-craft — the ruthless UI reduction pass with its cut test, CRAFT_LEVEL gating, content/structure/visual/code cut patterns, guardrails and before/after delta report Repository: https://github.com/educlopez/ui-craft/blob/main/.agents/skills/distill/SKILL.md 1. Fetch the SKILL.md file for the educlopez-ui-craft-distill skill from the repository into a temporary folder and summarize what it does in one or two sentences. 2. Safety check: review the SKILL.md for anything suspicious (unexpected network calls, shell commands, credential harvesting). This repo should contain zero secrets in code, credentials only via the secure vault, allowed hosts declared in the SKILL.md. Verify that holds here; STOP on any red flag and tell me. 3. Install it as a skill: copy SKILL.md into the agent's skills directory, in a folder named "educlopez-ui-craft-distill". 4. Verify with no network calls: frontmatter valid, files in place. 5. Report what was installed, where, and what I still need to do myself (e.g. install the main ui-craft skill too, point it at my UI). GitHub is optional: if I have a GitHub account or the gh CLI, you may use it; otherwise public access is fine. Never require it unless it's in the prerequisites above. Rules: don't touch anything outside the temp folder and the install target. If anything looks off, stop and ask me. ``` **Install prompt FR:** ``` Prérequis : un projet UI/frontend sur lequel travailler ; le skill principal `ui-craft` installé pour la méthode complète (recommandé, lisez d'abord son SKILL.md) Installe-moi « ui-craft distill : passe de réduction impitoyable de l'UI ». Donne à mon agent la lentille distill de ui-craft — la passe de réduction impitoyable de l'UI avec son test de coupe, le curseur CRAFT_LEVEL, les patterns de coupe contenu/structure/visuels/code, les garde-fous et le rapport delta avant/après Dépôt : https://github.com/educlopez/ui-craft/blob/main/.agents/skills/distill/SKILL.md 1. Récupère le fichier SKILL.md du skill educlopez-ui-craft-distill depuis le dépôt dans un dossier temporaire et résume en une ou deux phrases ce qu'il fait. 2. Contrôle de sécurité : examine le SKILL.md pour tout contenu suspect (appels réseau inattendus, commandes shell, récolte d'identifiants). Ce dépôt ne doit contenir aucun secret dans le code ; les identifiants passent uniquement par le coffre sécurisé, les hôtes autorisés sont déclarés dans le SKILL.md. Vérifie que c'est bien le cas ; STOP sur le moindre signal d'alerte et préviens-moi. 3. Installe-le comme skill : copie SKILL.md dans le répertoire des skills de l'agent, dans un dossier nommé « educlopez-ui-craft-distill ». 4. Vérifie sans aucun appel réseau : frontmatter valide, fichiers en place. 5. Indique ce qui a été installé, où, et ce qu'il me reste à faire moi-même (p. ex. installer aussi le skill principal ui-craft, le pointer vers mon UI). GitHub est optionnel : si j'ai un compte GitHub ou la CLI gh, tu peux l'utiliser ; sinon l'accès public suffit. Ne jamais l'exiger sauf si c'est dans les prérequis ci-dessus. Règles : ne touche à rien en dehors du dossier temporaire et de la cible d'installation. Si quelque chose semble anormal, arrête-toi et demande-moi. ``` ---

Version :