distill

SKILL.md

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