distill

Identify and eliminate visual, interaction, and content clutter from web and mobile designs.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/OmOc3/physica --skill distill-omoc3
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: distill
Source: https://github.com/OmOc3/physica/tree/main/.codex/skills/distill
Command: npx skills add https://github.com/OmOc3/physica --skill distill-omoc3

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Distill removes unnecessary complexity from designs so users can complete their primary tasks faster and with less cognitive load. It helps teams reveal the essential elements of an interface by eliminating visual noise, redundant actions, and confusing hierarchies while preserving accessibility and functionality.

Core Features & Use Cases

  • Assess complexity: Identify too many elements, excessive variation, information overload, visual noise, confusing hierarchy, and feature creep.
  • Ruthless planning: Define the single core purpose, essential elements, and opportunities for progressive disclosure or consolidation.
  • Targeted simplification: Apply changes across information architecture, visual design, layout, interactions, content, and code to reduce clutter and improve hierarchy.
  • Verification & documentation: Measure faster task completion, reduced cognitive load, preserved feature access, and improved performance, and document removed complexity and rationale.
  • Use Cases: Streamline a dashboard for first-time users, trim a multi-step signup into a single clear flow, or reduce options on a feature screen to highlight the primary CTA.

Quick Start

Use the distill skill to simplify the provided UI by focusing on its single primary user goal, removing nonessential elements, and recommending the exact elements to remove or hide while preserving accessibility.

Frequently Asked Questions about distill

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

FAQPage Schema
How do I declutter a UI design and reduce visual noise?

To declutter a UI design, identify and eliminate visual, interaction, and content clutter. Apply targeted simplification to information architecture and layout to improve hierarchy and reduce cognitive load while preserving accessibility.

Can I simplify a complex dashboard for first-time users?

Yes, you can simplify a complex dashboard by defining the single core purpose and essential elements. Recommend progressive disclosure or consolidation to highlight primary tasks and remove nonessential options for first-time users.

What is the best way to simplify information architecture for mobile interfaces?

Simplifying information architecture requires defining explicit user goals and prioritized tasks. Apply targeted changes to layout and content to remove confusing hierarchies and streamline task completion on mobile interfaces.

Does UI simplification preserve existing feature access and functionality?

UI simplification preserves feature access by requiring explicit user goals and component context before making recommendations. It trims redundant actions and visual clutter while maintaining safe, function-preserving interactions.

When should I not use design simplification on a feature screen?

Avoid design simplification when accessibility constraints or component context are undefined. Without explicit user goals and prioritized tasks, removing elements risks breaking feature access and interactions on the screen.

How do I streamline a multi-step onboarding flow into a single clear process?

Streamline a multi-step onboarding flow by assessing complexity and identifying redundant actions. Apply ruthless planning to consolidate steps, highlight the primary CTA, and document the removed complexity for future reference.