distill

Simplify UI designs by removing unnecessary elements, visual noise, and redundant content.

Updated Apr 16, 2026
One-click install
npx skills add https://github.com/IkeaNorweegway/Classroom-Tools --skill distill-ikeanorweegway
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: distill
Source: https://github.com/IkeaNorweegway/Classroom-Tools/tree/main/.claude/skills/distill
Command: npx skills add https://github.com/IkeaNorweegway/Classroom-Tools --skill distill-ikeanorweegway

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Interfaces often accumulate clutter over time: too many buttons, colors, cards, and competing calls to action that confuse users and slow task completion. This Skill provides a structured methodology for stripping a design down to its essential elements without sacrificing functionality or accessibility. ## Core Features & Use Cases - Complexity Assessment: Diagnoses sources of clutter including excessive variation, information overload, visual noise, and unclear hierarchy before making changes. - Multi-Dimensional Simplification: Applies systematic reduction across information architecture, visual styling, layout, interaction flows, copy, and code structure. - Guardrails Against Over-Simplification: Enforces explicit constraints so necessary features, accessibility labels, and decision-critical information are never removed. - Use Case: A settings page has grown to twelve options, three sidebars, and five competing buttons. Use this Skill to consolidate related actions, apply progressive disclosure, reduce the color palette, and establish one clear primary action. ## Quick Start Simplify this dashboard screen by removing redundant elements and establishing one clear primary action.

Frequently Asked Questions about distill

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I simplify a cluttered UI design?

Start by identifying complexity sources such as too many elements, excessive color variation, and unclear hierarchy. Then reduce scope with progressive disclosure, limit the palette to one or two colors plus neutrals, consolidate related actions, and establish one clear primary call to action.

How to reduce visual clutter without removing features?

Use progressive disclosure to hide secondary options behind accordions, modals, or step-through flows rather than deleting them. Combine related actions, remove decorative borders and shadows, and rely on spacing and alignment instead of nested cards.

Does simplifying a design mean removing functionality?

No. Simplification removes obstacles between users and their goals, not features. Necessary functionality, accessibility labels, and information users need to make decisions must remain accessible, often through progressive disclosure.

When should I not simplify a user interface?

Avoid oversimplifying genuinely complex domains where the interface must match real task complexity. Do not eliminate hierarchy entirely, hide decision-critical information, or make the design so minimal that users cannot understand what to do next.

How do I verify a design simplification worked?

Check whether users complete tasks faster, cognitive load is reduced, and all necessary features remain accessible. Confirm the hierarchy clearly shows what matters most and that the simpler design also improves load performance.