distill

Strip designs to their essence by removing unnecessary complexity and revealing core functionality.

- Analyzes complexity sources across information architecture, visual design, layout, interactions, and content to identify what can be removed or hidden

- Applies ruthless simplification strategies including progressive disclosure, element consolidation, color/typography reduction, and flattened component hierarchies

- Requires the frontend-design skill and its Context Gathering Protocol as a prerequisite; calls teach-impeccable if no design context exists

- Verifies simplification improves usability through faster task completion, reduced cognitive load, and clearer hierarchy while preserving necessary functionality

Remove unnecessary complexity from designs, revealing the essential elements and creating clarity through ruthless simplification.

MANDATORY PREPARATION

Invoke /impeccable - it contains design principles, anti-patterns, and the Context Gathering Protocol. Follow the protocol before proceeding - if no design context exists yet, you MUST run /impeccable teach first.

Assess Current State

Analyze what makes the design feel complex or cluttered:

- Identify complexity sources:

- Too many elements: Competing buttons, redundant information, visual clutter

- Excessive variation: Too many colors, fonts, sizes, styles without purpose

- Information overload: Everything visible at once, no progressive disclosure

- Visual noise: Unnecessary borders, shadows, backgrounds, decorations

- Confusing hierarchy: Unclear what matters most

- Feature creep: Too many options, actions, or paths forward