distill

Simplify UI designs by removing unnecessary elements, visual noise, and redundant content.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Interfaces often accumulate clutter over time: competing buttons, excessive colors, redundant copy, and nested containers that confuse users and slow task completion. This Skill provides a structured method for stripping a design down to its essential elements without removing necessary functionality. ## Core Features & Use Cases - Complexity Assessment: Identifies sources of clutter such as too many elements, excessive visual variation, information overload, and unclear hierarchy before making changes. - Multi-Dimensional Simplification: Applies systematic reduction across information architecture, visual styling, layout, interaction flows, content, and code structure. - Guardrails Against Over-Simplification: Enforces explicit NEVER rules so accessibility, necessary features, and decision-critical information are preserved. - Use Case: A settings page has grown to twelve options, three card layers, and five competing calls to action. Use this Skill to consolidate related actions, establish one primary CTA, flatten the layout, and cut redundant copy while keeping every required setting reachable. ## Quick Start Ask the AI to distill the settings page by removing visual clutter and redundant actions while keeping all required functionality accessible.

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 UI design?▼

Start by identifying complexity sources such as too many elements, excessive color variation, and unclear hierarchy. Then reduce scope, apply progressive disclosure, consolidate related actions, and establish one clear primary action per screen.

How to reduce visual clutter in a web interface?▼

Limit the palette to one or two colors plus neutrals, use a single font family with three to four sizes, and remove decorative borders and shadows that do not serve hierarchy. Replace nested cards with spacing and alignment for structure.

Does simplifying a design mean removing features?▼

No. Simplification removes obstacles between users and their goals, not functionality. Features can be hidden behind progressive disclosure or consolidated, but everything users need to make decisions must remain accessible.

When should I not simplify a user interface?▼

Avoid oversimplifying genuinely complex domains where the task itself requires density, and never sacrifice accessibility, clear labels, or information users need for decisions. Mystery is not minimalism; clarity must be preserved.

Why does my simplified design feel unclear or empty?▼

This happens when hierarchy is eliminated along with clutter or when essential context was removed. Restore clear visual priority for the primary action and verify users can still complete tasks faster than before.