distill

Simplify UI designs by removing unnecessary complexity across layout, content, and code.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Designs often accumulate clutter over time: too many colors, competing buttons, redundant copy, and nested components that confuse users and slow task completion. This Skill provides a structured methodology to strip a design down to its essential elements without sacrificing functionality or accessibility. ## Core Features & Use Cases - Complexity Assessment: Systematically identifies sources of clutter such as visual noise, information overload, feature creep, and unclear hierarchy. - Multi-Dimensional Simplification: Applies reduction strategies across information architecture, visual design, layout, interaction flows, copy, and code structure. - Verification & Documentation: Validates that simplification improves usability and records what was removed and why. - Use Case: A dashboard has grown to five competing CTAs, seven colors, and cards nested inside cards. Use this Skill to consolidate actions, reduce the palette, flatten the layout, and cut copy in half while keeping all necessary features accessible. ## Quick Start Ask the AI to distill the current page or component design by removing unnecessary complexity while preserving 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 complexity sources such as too many elements, excessive color variation, and unclear hierarchy. Then reduce scope, apply progressive disclosure, consolidate actions, limit the palette to 1-2 colors plus neutrals, and cut copy aggressively while keeping one clear primary action.

How to reduce visual clutter in web design?▼

Remove decorative borders, shadows, and backgrounds that do not serve hierarchy or function. Limit typography to one font family with 3-4 sizes, use a single consistent spacing scale, and replace nested cards with spacing and alignment for structure.

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

When should I not simplify a design further?▼

Avoid oversimplifying when the domain is genuinely complex, when it would sacrifice accessibility such as clear labels and ARIA attributes, or when it removes information users need for decisions. Minimalism should never create mystery about what to do next.

What prerequisites does the distill workflow require?▼

It requires an existing design context established through the frontend-design skill and its Context Gathering Protocol. If no design context exists, you must run the teach-impeccable skill first before simplification can proceed.