distill

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

Updated Feb 22, 2026
One-click install
npx skills add https://github.com/metang/imganalyzer --skill distill-metang
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: distill
Source: https://github.com/metang/imganalyzer/tree/main/.agents/skills/distill
Command: npx skills add https://github.com/metang/imganalyzer --skill distill-metang

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Interfaces often accumulate clutter over time: too many buttons, competing colors, redundant copy, and confusing hierarchies that slow users down. This Skill provides a structured method to strip a design back to its essential purpose without sacrificing functionality or accessibility. ## Core Features & Use Cases - Complexity Assessment: Diagnoses 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, content, and code structure. - Verification & Documentation: Confirms simplification improves task completion and cognitive load, and documents any removed features with rationale. - Use Case: A settings page has grown to twelve options, three sidebars, and five competing calls to action. Use this Skill to consolidate related actions, apply progressive disclosure, and establish one clear primary path. ## Quick Start Ask the assistant to simplify and declutter the target page or component, removing visual noise and redundant elements while keeping essential functionality.

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 the single primary user goal, then remove elements that do not serve it. Reduce the color palette to one or two colors plus neutrals, limit typography to one family with a few sizes, and use progressive disclosure to hide secondary options until needed.

How to reduce visual noise in a web interface?▼

Remove decorative borders, shadows, and backgrounds that do not support hierarchy or function. Flatten nested containers, avoid cards inside cards, and rely on consistent spacing and alignment instead of extra visual containers.

Does simplifying a design mean removing features?▼

No. Simplification removes obstacles between users and their goals, not necessary functionality. Features can be consolidated, moved behind progressive disclosure, or given smart defaults rather than deleted outright.

When should I not simplify a user interface?▼

Avoid oversimplifying genuinely complex domains where users need detailed controls to make decisions. Do not sacrifice accessibility, remove information required for decisions, or flatten hierarchy so much that nothing stands out.

How do I verify a UI simplification actually improved usability?▼

Check whether users complete tasks faster, whether the next step is obvious, and whether all necessary features remain accessible. Confirm the hierarchy clearly shows what matters most and that the simpler design also loads faster.