distill

Simplify product UI, marketing pages, and system design artifacts through structured design workflows.

4|Updated Mar 19, 2026
One-click install
npx skills add https://github.com/Tresillo2017/zephyron --skill distill-tresillo2017
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: distill
Source: https://github.com/Tresillo2017/zephyron/tree/main/.agents/skills/distill
Command: npx skills add https://github.com/Tresillo2017/zephyron --skill distill-tresillo2017

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Distill designs to their essence by removing unnecessary complexity.

Core Features & Use Cases

  • Identify complexity sources (information overload, visual noise, poor hierarchy)
  • Plan a ruthless simplification strategy covering IA, visuals, layout, interactions, and content
  • Apply the simplification with verification and documentation steps
  • Example: distill a cluttered dashboard into a focused core set of actions and visuals

Quick Start

Run the Context Gathering Protocol from the frontend-design skill, then perform a ruthless simplification pass on the current design.

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 product UI and remove unnecessary visual noise?

To simplify a cluttered product UI, you apply a structured simplification workflow covering information architecture, visual hierarchy, layout, and content. This removes visual noise by distilling the design into a focused core set of actions.

What is the best way to reduce information overload in a dashboard design?

Reducing information overload in dashboard design requires a ruthless simplification strategy. You identify complexity sources like poor hierarchy, then distill the dashboard into its essential visuals and actions, followed by verification and documentation steps.

How do I perform a simplification pass on marketing pages?

To perform a simplification pass on marketing pages, you run context gathering protocols first, then execute a ruthless simplification across layout, interactions, and content to achieve critical clarity and focus.

Can I apply design simplification to system design artifacts, or is it just for product UI?

Design simplification applies to system design artifacts, product UI, and marketing pages. The process covers information architecture, visual, layout, interaction, content, and code simplification steps, ensuring clarity and focus across all design types.

What steps are involved in distilling a design to its essential core?

Distilling a design to its essential core involves identifying complexity sources, planning a simplification strategy across IA and visuals, applying the changes, and finishing with verification and documentation steps to ensure focus.

Why does my current design hierarchy feel poor, and how do I fix it?

Poor design hierarchy often stems from visual noise and information overload. You fix it by applying a structured simplification workflow that includes information architecture, layout adjustments, and content reduction to achieve clarity.