distill

Simplify UI designs by removing visual clutter and unnecessary complexity.

Updated May 5, 2026
One-click install
npx skills add https://github.com/riabtsev/viscore_main --skill distill-riabtsev
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: distill
Source: https://github.com/riabtsev/viscore_main/tree/main/.github/skills/distill
Command: npx skills add https://github.com/riabtsev/viscore_main --skill distill-riabtsev

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It removes visual and informational clutter so users can understand the primary purpose of a UI faster and take action with less mental effort.

Core Features & Use Cases

  • Complexity sources audit: Finds what makes the interface feel cluttered (redundancy, excessive styling, overload, weak hierarchy, feature creep).
  • Essence-first planning: Identifies the single primary user goal and separates essential elements from nice-to-haves.
  • Multi-layer simplification: Applies ruthless edits across information architecture, visuals, layout, interactions, content, and code structure while preserving necessary functionality and accessibility.
  • Verification: Checks that the simplified design improves task completion time and cognitive load without losing required features.

Quick Start

Use the distill skill to simplify the current design by removing noise, consolidating actions, and enforcing a single clear primary CTA for the one main user goal.

Frequently Asked Questions about distill

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

FAQPage Schema
How do I reduce visual noise and simplify my UI design?

To reduce visual noise and simplify your UI design, audit complexity sources like redundancy and excessive styling, then apply multi-layer edits across layout and interactions to reveal essential elements. This enforces a single clear primary CTA for the main user goal.

What is the best way to fix information overload in product design?

Fixing information overload in product design requires an essence-first assessment to separate essential elements from nice-to-haves. Consolidate actions and enforce a single clear primary CTA to improve cognitive load and task completion time.

How do I conduct a design critique to improve visual hierarchy?

Conduct a design critique to improve visual hierarchy by identifying what makes the interface feel cluttered, such as weak hierarchy or feature creep. Apply ruthless simplification plans across information architecture and visuals while preserving necessary functionality.

Can I simplify complex interactions without losing required features?

You can simplify complex interactions without losing required features by applying multi-layer simplification followed by a verification step. This process checks that the redesigned interface preserves accessibility and functionality while improving cognitive load.

When should I use UI simplification for interaction design?

Use UI simplification for interaction design when interfaces suffer from visual noise, unclear hierarchy, or too many choices. It distills the design by removing unnecessary complexity, helping users understand the primary purpose faster and take action with less mental effort.

Does UI simplification work for information architecture redesigns?

UI simplification works for information architecture redesigns by applying ruthless edits across IA, layout, and content structure. It identifies the single primary user goal and consolidates actions to improve overall cognitive load and performance.