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.