distill

Remove non-essential elements from UI designs to reveal core layouts.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Remove unnecessary complexity from designs, revealing the essential elements and creating clarity through ruthless simplification.

Core Features & Use Cases

  • Identify and remove visual noise, clutter, and redundant elements to focus on core goals.
  • Apply progressive disclosure and simplify information architecture while preserving functionality.
  • Use Case: When you need to declutter a UI for a focused user task or a presentation, distill the design to its essentials.

Quick Start

Distill the current UI design to its essential elements.

Frequently Asked Questions about distill

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I remove visual clutter from a UI design?

To remove visual clutter from a UI design, you strip non-essential elements to reveal the core layout. This enforces a ruthless editing framework that ensures a single primary goal and progressive disclosure while preserving functionality.

What is the best way to simplify information architecture without losing functionality?

Simplifying information architecture requires applying progressive disclosure and stripping redundant elements. This process distills the design to its essentials, ensuring a focused user task while maintaining all necessary functional operations.

When do I need to distill a design down to its essential elements?

You need to distill a design to its essential elements during UI design reviews, design system updates, or when a user task lacks focus. It removes unnecessary complexity and reveals the core layout through ruthless simplification.

How does progressive disclosure work when decluttering a UI?

Progressive disclosure works during UI decluttering by deferring secondary information and prioritizing a single primary goal. This simplification framework strips visual noise while documenting justifications for removed elements to preserve clarity.

Can I use a simplification framework for design system reviews?

Yes, you can use a simplification framework for design system reviews to identify and remove visual noise. It enforces ruthless editing by stripping redundant components and documenting the justification for each removed element to maintain system clarity.

Why does my UI design feel overloaded and how can I fix it?

A UI design feels overloaded due to unnecessary complexity and visual noise. You can fix it by applying a ruthless editing framework that enforces a single primary goal, strips non-essential elements, and distills the design to its essentials.