distill

Strip non-essential elements from UI/UX designs to reveal core functionality.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Designs often suffer from clutter and cognitive load, making it hard to understand the core intent; this Skill helps strip away non-essential elements to reveal the essential idea and improve usability.

Core Features & Use Cases

  • Guided reduction of information architecture to minimize cognitive load and declutter interfaces.
  • Systematic visual simplification: flatten hierarchies, reduce color variance, and remove non-essential decorations.
  • Use Case: distill a feature-rich dashboard into an essential set of metrics and controls for faster decision-making.

Quick Start

Distill the current design by removing non-essential elements until the core functionality is crystal clear.

Frequently Asked Questions about distill

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

FAQPage Schema
How do I reduce cognitive load and declutter a UI/UX layout?

To reduce cognitive load and declutter a UI/UX layout, systematically strip away non-essential visual elements to reveal core functionality. This simplifies information architecture and removes visual noise for faster decision-making.

What is the best way to simplify a feature-rich dashboard for faster decision-making?

The best way to simplify a feature-rich dashboard is to flatten visual hierarchies, reduce color variance, and strip away non-essential decorations. This reveals an essential set of metrics and controls, removing visual noise.

How do I simplify information architecture to improve product interface usability?

Simplify information architecture by removing non-essential elements until core functionality is crystal clear. This guided reduction minimizes cognitive load and declutters interfaces across ideation, iteration, and finalization stages.

Do I need to provide design context before simplifying a product interface?

Yes, you must provide design context before simplifying a product interface by following the Context Gathering Protocol. If no design context exists, you need to run the teach-impeccable process first to establish baseline information.

Can I distill visual design and interaction patterns without touching the code?

No, distilling visual design and interaction patterns requires implementing a plan that also simplifies the underlying code. You must invoke frontend-design to comprehensively address layout, interaction, content, and code together.

Why does my clean design still feel cluttered during the finalization stage?

Your clean design still feels cluttered because non-essential decorations and complex hierarchies remain. Distill the interface by flattening hierarchies and reducing color variance to remove visual noise and clarify core functionality.