distill

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

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

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 systematically strips a design back to its essential elements so users can reach their goals faster with less cognitive load. ## 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, copy, and code structure. - Verification & Documentation: Confirms simplification improves task completion and accessibility, 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 surface one clear primary path. ## Quick Start Simplify the checkout page by removing redundant elements and making the primary action obvious.

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 variation, and unclear hierarchy. Then reduce colors to one or two plus neutrals, limit typography, consolidate related actions, and use progressive disclosure to hide secondary content until needed.

How to reduce cognitive load in web page design?▼

Reduce cognitive load by establishing one clear primary action, shortening copy, removing decorative borders and shadows, and using generous white space. Progressive disclosure through accordions or step-through flows keeps advanced options accessible without overwhelming users.

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 or consolidated, but everything users need to make decisions must remain accessible.

When should I not simplify a user interface?▼

Avoid oversimplifying complex domains where the task genuinely requires density, such as data dashboards or professional tools. Never sacrifice accessibility, remove information users need for decisions, or eliminate hierarchy so completely that nothing stands out.

Why does my simplified design feel unclear or confusing?▼

Over-simplification creates mystery rather than minimalism. This happens when labels are removed, hierarchy is flattened entirely, or essential context is cut. Restore clear labels, maintain one obvious next step, and keep enough structure for users to orient themselves.