distill

Simplify complex UI designs by removing non-essential elements while preserving functionality.

14|5|Updated Mar 16, 2026
One-click install
npx skills add https://github.com/TheCardGoat/lorcana-simulator --skill distill-thecardgoat
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: distill
Source: https://github.com/TheCardGoat/lorcana-simulator/tree/main/.agents/skills/distill
Command: npx skills add https://github.com/TheCardGoat/lorcana-simulator --skill distill-thecardgoat

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It reduces clutter and confusion in product or UI designs by cutting away non-essential elements so users can reach their primary goal with less cognitive load.

Core Features & Use Cases

  • Complexity diagnosis: Identifies where designs feel cluttered (hierarchy issues, information overload, visual noise, feature creep).
  • Essence-first redesign: Clarifies a single core purpose and separates essential vs nice-to-have elements.
  • Systematic simplification plan: Applies targeted edits across information architecture, visual style, layout, interactions, content, and even code structure.

Quick Start

Provide the current UI/design description (or relevant UI components) and ask the distill skill to identify the primary user goal and produce a step-by-step simplification plan that preserves required functionality.

Frequently Asked Questions about distill

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

FAQPage Schema
How do I simplify a complex UI design without losing essential functionality?

To simplify a complex UI design without losing functionality, diagnose visual noise and hierarchy issues, define the single core user goal, and systematically remove non-essential elements across information architecture and layout. This reduces cognitive load while preserving required user decision-making.

What causes cognitive load and information overload in user interfaces?

Cognitive load and information overload in user interfaces are caused by feature creep, visual noise, and poor information architecture. Diagnosing these specific hierarchy issues allows you to separate essential elements from nice-to-haves, clarifying the single core purpose to reduce friction.

How do I create a step-by-step simplification plan for cluttered product flows?

Create a simplification plan for cluttered product flows by gathering context, defining the primary user goal, and applying targeted edits across visual style, layout, interactions, and content. Verify that usability improves without sacrificing accessibility throughout the process.

Can I redesign component trees and interaction patterns to reduce user friction?

Yes, you can redesign component trees and interaction patterns to reduce user friction by applying progressive disclosure and refining UX hierarchy. This systematic simplification preserves required functionality while ensuring users reach their primary goal with less cognitive effort.

When should I not use progressive disclosure to simplify visual hierarchy?

You should not use progressive disclosure to simplify visual hierarchy when it obscures required functionality or degrades accessibility. If removing elements prevents users from making necessary decisions or reaching their primary goal, the interaction complexity must be preserved rather than simplified.

What is the best way to conduct a design critique for UI simplification?

The best way to conduct a design critique for UI simplification is to evaluate the current interface against its single core purpose, identify feature creep and visual noise, and systematically target edits across information architecture and content to improve usability without losing value.