distill

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

Updated Mar 24, 2026
One-click install
npx skills add https://github.com/Ssrrb/cerramos-codebase --skill distill-ssrrb
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: distill
Source: https://github.com/Ssrrb/cerramos-codebase/tree/main/.codex/skills/distill
Command: npx skills add https://github.com/Ssrrb/cerramos-codebase --skill distill-ssrrb

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Designs often accumulate clutter over time: competing buttons, excessive colors, redundant copy, and nested components that confuse users and slow task completion. This Skill provides a structured method to strip a design down to its essential elements without losing necessary functionality. ## Core Features & Use Cases - Complexity Assessment: Identifies sources of clutter such as visual noise, information overload, confusing hierarchy, and feature creep before making changes. - Multi-Dimensional Simplification: Systematically reduces complexity across information architecture, visual styling, layout, interactions, content, and code. - Verification & Documentation: Confirms simplification improves usability and documents any removed features with rationale. - Use Case: A checkout page has five competing calls-to-action, three font families, and cards nested inside cards. Use this Skill to consolidate to one primary action, a single type scale, and a flat linear layout while preserving all required checkout steps. ## Quick Start Ask the AI to distill the current page design by removing unnecessary elements and simplifying the layout to its essential purpose.

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 and font variation, and unclear hierarchy. Then reduce scope, apply progressive disclosure, consolidate actions, and limit the palette to one or two colors with a single type scale.

How to reduce cognitive load in interface design?▼

Reduce choices on screen, establish one clear primary action, use smart defaults, and shorten copy aggressively. Progressive disclosure hides secondary complexity behind accordions, modals, or step-through flows until users need it.

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

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

What design context is needed before simplifying?▼

The Skill requires running the frontend-design skill's Context Gathering Protocol first, and if no design context exists, the teach-impeccable skill must run beforehand. This ensures simplification decisions are grounded in established design principles.