distill

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

Updated May 4, 2026
One-click install
npx skills add https://github.com/Gito125/gideon_portfolio --skill distill-gito125
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: distill
Source: https://github.com/Gito125/gideon_portfolio/tree/main/.github/skills/distill
Command: npx skills add https://github.com/Gito125/gideon_portfolio --skill distill-gito125

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Interfaces often accumulate clutter over time: competing buttons, excessive colors, redundant copy, and confusing hierarchies that slow users down. This Skill systematically strips designs to their essence, reducing cognitive load while preserving 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: Applies ruthless editing across information architecture, visual design, layout, interaction flows, content, and code structure. - Guardrails Against Over-Simplification: Enforces rules that preserve accessibility, necessary functionality, and clear hierarchy so minimalism never becomes mystery. - Use Case: A settings page has grown to twelve options, three sidebars, and five competing CTAs. Use this Skill to consolidate related actions, apply progressive disclosure, and surface one clear primary path. ## Quick Start Simplify the checkout page by removing redundant elements and clarifying the 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 and font variation, and unclear hierarchy. Then reduce the palette to 1-2 colors, limit typography, consolidate actions, and apply progressive disclosure to hide secondary content until needed.

How to reduce cognitive load in a web interface?▼

Reduce cognitive load by offering fewer choices, setting smart defaults, shortening copy, and establishing one obvious primary action per screen. Generous white space and consistent alignment also help users process information faster.

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 patterns like accordions or multi-step flows rather than deleted outright.

When should I not simplify a user interface?▼

Avoid over-simplification when the domain is genuinely complex, when users need information to make decisions, or when removing hierarchy would make priorities unclear. Mystery is not minimalism, and accessibility requirements must always be preserved.

What is progressive disclosure in UI design?▼

Progressive disclosure hides advanced or secondary options behind clear entry points such as accordions, modals, or step-through flows. It keeps the default view clean while keeping full functionality accessible when users need it.