distill

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

Updated Apr 15, 2026
One-click install
npx skills add https://github.com/joaopaulotr/PesquiseMaisHealth --skill distill-joaopaulotr
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: distill
Source: https://github.com/joaopaulotr/PesquiseMaisHealth/tree/main/.agents/skills/distill
Command: npx skills add https://github.com/joaopaulotr/PesquiseMaisHealth --skill distill-joaopaulotr

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Interfaces often accumulate clutter over time: too many buttons, colors, fonts, and competing actions that confuse users and slow task completion. This Skill provides a structured method to strip a design down to its essential elements without losing necessary functionality. ## Core Features & Use Cases - Complexity Assessment: Identifies sources of clutter such as excessive variation, information overload, visual noise, and unclear hierarchy before making changes. - Multi-Dimensional Simplification: Systematically reduces complexity across information architecture, visual styling, layout, interaction flows, copy, and code structure. - Guardrails Against Oversimplification: Enforces rules that preserve accessibility, necessary functionality, and clear hierarchy so minimalism never becomes mystery. - Use Case: A settings page has grown to five sections, twelve buttons, and seven colors. Use this Skill to consolidate actions, apply progressive disclosure, reduce the palette, and leave one clear primary action. ## Quick Start Simplify this dashboard screen by removing redundant elements and clarifying the primary user 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 user interface?

Start by identifying complexity sources such as too many elements, excessive color and font variation, and unclear hierarchy. Then reduce scope, apply progressive disclosure, consolidate related actions, and keep one obvious primary action per screen.

How to reduce visual noise in a web design?

Limit the palette to one or two colors plus neutrals, use a single font family with three to four sizes, and remove decorative borders, shadows, and backgrounds that do not serve hierarchy. Consistent spacing and generous white space replace ornamentation.

Does simplifying a UI mean removing features?

No. Simplification removes obstacles between users and their goals, not necessary functionality. Features can be hidden behind progressive disclosure or consolidated, but everything users need to complete tasks must remain accessible.

When should I not simplify a design further?

Stop when further reduction would sacrifice accessibility, remove information users need for decisions, or make a genuinely complex domain unclear. Simplicity should match actual task complexity, and some hierarchy must remain so key elements stand out.

How do I verify a simplified design still works?

Check that users complete tasks faster, cognitive load is lower, all necessary features remain reachable, and the hierarchy clearly shows what matters most. Document anything removed and monitor user feedback for regressions.