/distill
Reduction pass — cuts content, structure, visuals, and dead code that doesn't answer a user question or drive an action, respecting CRAFT_LEVEL. Use when the UI feels cluttered, has too many CTAs, walls of text, or decorative noise, or when the user says "simplify this" / "it
One skill from ui-craft.
shell
$ npx -y skills add educlopez/ui-craft --skill distill --agent claude-codeInstalls just this skill. Get the whole plugin for auto-invocation.
How it fires
How this skill gets triggered: by you, by Claude, or both.
- Fires itselfClaude auto-loads it when your prompt matches the work.
- You can call itInvoke it directly when you want it.
- Slash command
/distill
Context preview
The summary Claude sees to decide when to auto-load this skill.
Reduction pass — cuts content, structure, visuals, and dead code that doesn't answer a user question or drive an action, respecting CRAFT_LEVEL. Use when the UI feels cluttered, has too many CTAs, walls of text, or decorative noise, or when the user says "simplify this" / "it
Stats
Stars208
Forks9
LanguageGo
LicenseMIT
Ships with ui-craft
SKILL.md
distill.SKILL.md
--- name: distill description: "Reduction pass — cuts content, structure, visuals, and dead code that doesn't answer a user question or drive an action, respecting CRAFT_LEVEL. Use when the UI feels cluttered, has too many CTAs, walls of text, or decorative noise, or when the user says "simplify this" / "it feels too busy". Invoke when the user asks for distill on their UI, or mentions 'distill' alongside design / UI / frontend work." --- <!-- HARNESS MIRROR — do not edit here. Canonical source: skills/ or commands/. After editing source, copy into cli/assets/<harness>/ and repo-root harness mirrors. --> **Context:** this sub-skill is one lens of the broader `ui-craft` skill. If the `ui-craft` skill is also installed, read its SKILL.md first for Discovery + Anti-Slop + Craft Test, then apply the specific lens below. Distill the UI at the target the user described to its essence. Load the `ui-craft` skill. **The test for every section, component, prop, and word:** > Does this answer a question the user is asking or drive an action they need to take? If not — cut it. **Knob gating (CRAFT_LEVEL):** - `≤ 4` → be more aggressive with cuts; strip anything that doesn't directly drive action. - `5-7` → standard cuts per the test below. - `8+` → preserve signature details even if they don't directly drive action — the one memorable element that makes this feel designed stays. **Apply ruthlessly:** 1. **Content** — walls of text → 2-3 sentences max per landing section. Vague testimonials → specific metrics or cut. "Features" lists with 12 items → pick the 4 that matter. Placeholder copy → real or removed.
