distill

Consolidate complex UI designs by stripping non-essential elements to reveal core structure.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Strips design clutter to reveal the essential elements, making interfaces simpler, clearer, and more focused.

Core Features & Use Cases

  • Complexity discovery: identify sources of visual and cognitive clutter in a UI.
  • Ruthless simplification plan: outline concrete steps to remove noise while preserving core goals.
  • Broad applicability: usable across dashboards, forms, navigation, and content layouts to improve readability and task focus.

Quick Start

Provide a design or prototype and ask the skill to distill it 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 declutter a complex UI design and improve visual clarity?

To declutter a complex UI design and improve visual clarity, you strip away non-essential elements to reveal the core structure, consolidating noisy layouts while preserving user goals and task focus.

What is the best way to simplify a cluttered product dashboard layout?

The best way to simplify a cluttered product dashboard layout is to identify sources of cognitive complexity, create a ruthless simplification plan, and remove visual noise to improve readability and task focus.

Can I use distill for UI cleanup across both web and mobile interactive flows?

Yes, you can use distill for UI cleanup across web and mobile interactive flows. It handles inconsistent hierarchies and noisy visuals by stripping designs to their essential elements.

How does information architecture simplification work for cluttered interfaces?

Information architecture simplification works by identifying sources of visual and cognitive clutter, stripping away non-essential elements, and preserving core user goals to improve readability and task focus.

What is a design audit for visual clarity and when do I need one?

A design audit for visual clarity identifies sources of cognitive clutter and inconsistent hierarchies in an interface. You need one when complex UI designs require a ruthless simplification plan to improve readability.