distill

Simplify UI designs by removing unnecessary complexity across layout, content, and code.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Interfaces often accumulate visual clutter, redundant copy, competing actions, and bloated component structures that confuse users and slow task completion. This Skill systematically strips designs down to their essential elements while preserving necessary functionality and accessibility. ## Core Features & Use Cases - Complexity Assessment: Identifies sources of clutter such as excessive colors, redundant information, visual noise, and unclear hierarchy before making changes. - Multi-Dimensional Simplification: Applies ruthless editing across information architecture, visual design, layout, interaction flows, copy, and code structure. - Context-First Workflow: Gathers target audience and use-case context before simplifying, and stops to ask clarifying questions when intent is unclear. - Use Case: A settings page has grown to twelve options, three card layers, and five competing buttons. Use this Skill to consolidate related actions, apply progressive disclosure, reduce the color palette, and surface one clear primary action. ## Quick Start Ask the assistant to distill the settings page component to its essential elements 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 view.

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.

Does simplifying a design mean removing features?

No. Simplification removes obstacles between users and their goals, not necessary 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. Simplicity should match actual task complexity.

Why does my simplified design feel confusing or unclear?

Over-simplification creates mystery rather than minimalism. If hierarchy is eliminated entirely or key actions are hidden too deeply, users cannot tell what matters. Restore one obvious primary action and clear next steps.