distill

Identify clutter and redundant components in web and mobile UI mockups.

1|Updated Oct 27, 2025
One-click install
npx skills add https://github.com/sandrasocial/sselfie-9g --skill distill-sandrasocial
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: distill
Source: https://github.com/sandrasocial/sselfie-9g/tree/main/.agents/skills/distill
Command: npx skills add https://github.com/sandrasocial/sselfie-9g --skill distill-sandrasocial

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Complex and cluttered user interfaces overwhelm users and hinder clear communication, making it hard to achieve the core purpose of a product.

Core Features & Use Cases

  • Complexity Identification: Detects excessive elements, colors, typography, and navigation paths that distract from the primary goal.
  • Essence Extraction: Highlights the single user objective and isolates essential components needed to achieve it.
  • Design Simplification Blueprint: Generates actionable recommendations for information architecture, visual hierarchy, layout, interaction, content, and code reduction.
  • Use Case: Streamline a multi-section SaaS dashboard by consolidating redundant widgets, reducing color palette, and applying progressive disclosure to improve task completion speed.

Quick Start

Ask the distill skill to simplify the design of your homepage mockup.

Frequently Asked Questions about distill

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

FAQPage Schema
How do I simplify UI design and remove clutter from web mockups?

To simplify UI design, you remove excessive complexity from web and mobile mockups by identifying redundant components and visual noise. This process isolates essential elements needed for the primary user objective and generates a blueprint for layout and interaction reduction.

What is the best way to reduce complexity in a SaaS dashboard layout?

Reducing complexity in a SaaS dashboard involves consolidating redundant widgets, reducing the color palette, and applying progressive disclosure. This streamlines the interface, highlights the single user objective, and improves task completion speed by removing distracting navigation paths.

Can I use this approach to identify visual noise in mobile UI?

Yes, you can identify visual noise in mobile UI by evaluating mockups against design principles. The process detects excessive elements, colors, and typography that distract from the primary goal, ensuring the interface focuses on essential components for clear communication.

How do I extract the core user objective from a cluttered interface design?

Extracting the core user objective from a cluttered interface involves analyzing the mockup to highlight a single user goal. It isolates the essential components needed to achieve that goal while flagging excessive complexity and redundant elements for removal.

What design principles are used to streamline information architecture?

Streamlining information architecture relies on established design principles from the /impeccable knowledge base. These principles guide the generation of actionable recommendations for visual hierarchy, layout, interaction, content, and code reduction to eliminate excess clutter.