distill

Prune non-essential UI elements while preserving core functionality in design analysis.

Updated Jan 25, 2026
One-click install
npx skills add https://github.com/Tea-4-Life/Tea4Life-Frontend-Website --skill distill-tea-4-life
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: distill
Source: https://github.com/Tea-4-Life/Tea4Life-Frontend-Website/tree/main/.agents/skills/distill
Command: npx skills add https://github.com/Tea-4-Life/Tea4Life-Frontend-Website --skill distill-tea-4-life

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

  • Provides a ruthless editing framework to identify and remove redundant UI elements while preserving core functionality.
  • Aligns design decisions with established design principles to achieve a clean and focused user experience.
  • Use Case: when refining dashboards or product interfaces, apply the one-thing rule to isolate the primary user goal.

Quick Start

Identify the core goal of the design and remove non-essential elements to reveal a clean, purposeful interface.

Frequently Asked Questions about distill

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

FAQPage Schema
How do I remove clutter from a UI design without losing core functionality?▼

To remove clutter from a UI design, you apply a ruthless editing framework to identify and prune non-essential elements while preserving core functionality. This process aligns design decisions with established principles to achieve a focused user experience.

What is the best way to simplify complex product dashboards?▼

The best way to simplify complex product dashboards is applying the one-thing rule to isolate the primary user goal. You articulate core goals, distinguish between essential and non-essential elements, and prune redundant UI components.

How does design simplification affect user journeys?▼

Design simplification streamlines user journeys by reducing complexity and removing redundant interface elements. This reveals essential components, creating clarity and a purposeful experience that aligns directly with the primary user goal.

Do I need specific context before applying design simplification to interfaces?▼

Yes, design simplification requires articulation of the core goals and a clear distinction between essential and non-essential elements. You must also adhere to the Context Gathering Protocol from the frontend-design skill before analyzing interfaces.

When should I not use ruthless editing for UX design?▼

You should avoid ruthless editing for UX design when unable to clearly distinguish between essential and non-essential elements. Without articulating the core goals of the interface, aggressive simplification risks pruning vital functionality.

Can I use the distill approach for component libraries?▼

Yes, you can apply the distill approach to component libraries. It functions across products and interfaces, reducing design complexity by identifying and pruning non-essential elements while preserving the core functionality of the components.