distill

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

Updated Apr 9, 2026
One-click install
npx skills add https://github.com/ivaylo91/Shopping-Mobile-App --skill distill-ivaylo91
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: distill
Source: https://github.com/ivaylo91/Shopping-Mobile-App/tree/main/.agents/skills/distill
Command: npx skills add https://github.com/ivaylo91/Shopping-Mobile-App --skill distill-ivaylo91

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Interfaces often accumulate clutter over time: competing buttons, excessive colors, redundant copy, and nested components that confuse users and slow task completion. This Skill provides a structured method to strip designs down to their essential elements without sacrificing functionality or accessibility. ## Core Features & Use Cases - Complexity Assessment: Identifies sources of clutter including visual noise, information overload, confusing hierarchy, and feature creep before making changes. - Multi-Dimensional Simplification: Systematically reduces complexity across information architecture, visual design, layout, interaction flows, content, and code structure. - Verification & Documentation: Confirms simplification improves usability and documents removed features with rationale and alternative access points. - Use Case: A settings page has grown to 12 options, three sidebars, and five competing CTAs. Use this Skill to consolidate related actions, apply progressive disclosure, reduce the color palette, and establish one clear primary action. ## Quick Start Simplify this dashboard design by removing unnecessary elements and clarifying the primary user 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 variation, and unclear hierarchy. Then systematically reduce scope, apply progressive disclosure, limit the color palette and typography, and establish one clear primary action per screen.

How to reduce visual clutter in a web interface?

Remove decorative borders, shadows, and backgrounds that do not serve hierarchy or function. Limit the palette to 1-2 colors plus neutrals, use one font family with 3-4 sizes, and replace nested cards with spacing and alignment.

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 modals, but everything users need must remain accessible.

When should I not simplify a user interface?

Avoid oversimplifying complex domains where the task genuinely requires density, and never sacrifice accessibility, decision-critical information, or hierarchy for minimalism. Match the interface complexity to the actual task complexity.

Why does my simplified design feel unclear to users?

Over-simplification creates mystery rather than minimalism when labels, hierarchy, or needed context are removed. Verify that one obvious next step exists, necessary information remains visible, and users can still complete tasks faster than before.