distill

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

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Interfaces often accumulate clutter over time: competing buttons, excessive colors, redundant copy, and nested containers 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: Analyzes a design to identify sources of clutter such as visual noise, information overload, unclear hierarchy, and feature creep. - Multi-Dimensional Simplification: Applies systematic reduction across information architecture, visual styling, layout, interaction flows, content, and code structure. - Verification and Documentation: Confirms that 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 card layers, and five competing calls to action. Use this Skill to consolidate related actions, establish one clear primary action, flatten the layout, and cut redundant copy while keeping every necessary feature accessible. ## Quick Start Simplify the dashboard page by removing visual clutter and reducing it to 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 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, consolidate competing actions into one clear primary action, and hide secondary options behind progressive disclosure.

How to reduce visual clutter in a web interface?▼

Remove decorative borders, shadows, and backgrounds that do not support hierarchy or function. Flatten nested containers, avoid cards inside cards, use one consistent spacing scale, and add generous white space so content can breathe.

Does simplifying a design mean removing features?▼

No. Simplification removes obstacles between users and their goals, not necessary functionality. Features can be hidden behind progressive disclosure such as accordions or step-through flows, but everything users need to make decisions must remain accessible.

When should I not simplify a user interface?▼

Avoid oversimplifying genuinely complex domains where the interface must match real task complexity. Do not sacrifice accessibility, remove information users need for decisions, or flatten hierarchy so much that nothing stands out.

Why does my simplified design feel unclear or confusing?▼

Over-reduction creates mystery rather than minimalism. Check that one obvious next step exists, labels remain explicit, and hierarchy still distinguishes primary from secondary content. Clarity always takes priority over having fewer elements.