distill

Distills frontend UI designs by removing redundant elements and consolidating actions.

59|14|Updated Mar 1, 2026
One-click install
npx skills add https://github.com/vobase/vobase --skill distill-vobase
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: distill
Source: https://github.com/vobase/vobase/tree/main/.agents/skills/distill
Command: npx skills add https://github.com/vobase/vobase --skill distill-vobase

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Distill reduces visual and interaction complexity in product designs so users can complete their primary tasks faster and with less confusion. It eliminates redundant UI elements, clarifies hierarchy, and removes distractions that impede usability.

Core Features & Use Cases

  • Context-first simplification: Insists on gathering target audience and use-case context before making changes to avoid harmful assumptions.
  • Information architecture & visual cleanup: Removes redundant elements, consolidates actions, and enforces progressive disclosure to reduce cognitive load.
  • Interaction and code guidance: Recommends interaction simplifications, smart defaults, and code-level cleanup such as removing unused components or variants.
  • Use Case: Simplify an overloaded settings page by identifying the single primary task, grouping secondary actions behind progressive disclosure, and documenting removed options for future review.

Quick Start

Ask the distill skill to simplify the target component by focusing on the primary user goal and removing nonessential UI elements.

Frequently Asked Questions about distill

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

FAQPage Schema
How do I reduce cognitive load and simplify complex UI components?

To reduce cognitive load, simplify complex UI components by removing redundant visual elements, consolidating actions, and enforcing progressive disclosure to clarify hierarchy. This process requires explicit context about your target audience and key use cases before implementation.

What is the best way to clean up an overloaded feature page?

Cleaning up an overloaded feature page requires identifying the single primary user task, removing nonessential UI elements, and grouping secondary actions behind progressive disclosure. Documenting removed options ensures future review without restoring clutter.

Do I need target audience context before simplifying interaction flows?

Target audience context is strictly required before simplifying interaction flows. Gathering audience and use-case context prevents harmful assumptions and ensures that interaction simplifications, smart defaults, and code-level cleanup align with actual user needs.

Can I use progressive disclosure to consolidate actions on a settings page?

Progressive disclosure is an effective method to consolidate actions on a settings page. By identifying the primary task and grouping secondary actions behind disclosure, you reduce visual complexity and remove distractions that impede usability.

When should I not use automated design simplification?

Automated design simplification should not be used without explicit context about target audience and key use cases. Applying simplifications blindly risks removing essential user-focused elements and creating harmful assumptions about interaction flows.

Why does removing unused components improve visual design clarity?

Removing unused components and variants improves visual design clarity by eliminating redundant code-level elements. This cleanup reduces interaction complexity, clarifies hierarchy, and removes distractions that impede users from completing primary tasks efficiently.