distill

Analyze UI and UX designs to identify and remove unnecessary complexity.

Updated Apr 12, 2026
One-click install
npx skills add https://github.com/ZainEldeen-Ashraf-Ibrahim-Ibrahim-Samak/SCCT --skill distill-zaineldeen-ashraf-ibrahim-ibrahim-samak
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: distill
Source: https://github.com/ZainEldeen-Ashraf-Ibrahim-Ibrahim-Samak/SCCT/tree/main/.cursor/skills/distill
Command: npx skills add https://github.com/ZainEldeen-Ashraf-Ibrahim-Ibrahim-Samak/SCCT --skill distill-zaineldeen-ashraf-ibrahim-ibrahim-samak

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Remove unnecessary complexity from interfaces and visual designs so users can focus on the primary task without distraction, confusion, or cognitive overload.

Core Features & Use Cases

  • Assess complexity sources: Identify too many elements, excessive variation, information overload, visual noise, unclear hierarchy, and feature creep.
  • Plan and execute ruthless simplification: Define the single core purpose, determine essential elements, apply progressive disclosure, and consolidate related actions.
  • Cross-cutting simplifications: Provide concrete guidance across information architecture, visual design, layout, interaction, content, and code while preserving accessibility.
  • Verification & documentation: Offer usability and performance checks, and document removed complexity with rationale and alternatives.
  • Use Cases: Streamline a crowded dashboard to surface one primary action, simplify onboarding flows to reduce steps, and declutter marketing pages to improve conversion focus.

Quick Start

Distill the attached product settings page by identifying its primary goal, removing redundant elements, consolidating actions, and recommending a two-color palette with simplified typography.

Frequently Asked Questions about distill

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

FAQPage Schema
How do I declutter a user interface to improve UX focus?

To declutter a user interface, identify the primary user goal, remove redundant elements, consolidate related actions, and apply progressive disclosure to reduce cognitive load. This yields actionable recommendations that simplify visual hierarchies while preserving accessibility.

What is the best way to reduce visual noise in a crowded dashboard design?

The best way to reduce visual noise in a crowded dashboard is to define a single core purpose, surface one primary action, and consolidate excessive variation. This process simplifies information architecture and removes feature creep to improve conversion focus.

Can I simplify mobile app onboarding flows by reducing steps and consolidating actions?

Yes, you can simplify mobile app onboarding flows by assessing complexity sources like information overload, applying progressive disclosure, and combining related actions. This produces a streamlined layout that minimizes user distraction and cognitive overhead.

Does simplifying a web layout require removing functional requirements and accessibility features?

No, simplifying a web layout preserves accessibility and functional requirements. The process targets unnecessary complexity and visual noise, ensuring essential elements remain usable while removing redundant options and consolidating excessive visual variation.

Why does visual hierarchy become unclear when adding more elements to a landing page?

Visual hierarchy becomes unclear due to information overload and feature creep. Adding excessive variation and elements creates visual noise, distracting users from the primary task and causing confusion that hinders conversion focus.

When should I not use ruthless simplification for a design system audit?

You should avoid ruthless simplification when removing elements compromises essential accessibility or functional requirements. If consolidating actions obscures critical user pathways or deletes necessary complexity, the interface loses its core usability.