distill

Simplify complex UI designs by removing unnecessary elements and consolidating content.

Updated Apr 29, 2026
One-click install
npx skills add https://github.com/jean-sotil/presskitpro-webapp --skill distill-jean-sotil
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: distill
Source: https://github.com/jean-sotil/presskitpro-webapp/tree/main/.agents/skills/distill
Command: npx skills add https://github.com/jean-sotil/presskitpro-webapp --skill distill-jean-sotil

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Distill removes visual clutter and unnecessary complexity so users can understand the interface faster and act with less cognitive load.

Core Features & Use Cases

  • Ruthless simplification workflow: Assesses complexity sources, identifies the single primary user goal, and determines what to remove, combine, or hide.
  • Multi-dimensional edit plan: Improves information architecture, visual styling, layout structure, interaction flow, and content clarity while preserving necessary functionality.
  • Verification & documentation: Confirms the design is still complete and usable, and documents removed elements or alternatives when applicable.

Use cases include decluttering a crowded page, reducing competing CTAs, flattening nested UI components, replacing multi-step flows with simpler paths, and cutting redundant or overly verbose copy.

Quick Start

Ask: “Distill this UI by removing complexity—keep only the single primary user goal, reduce the visual noise, and propose a simpler hierarchy and interaction flow.”

Frequently Asked Questions about distill

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

FAQPage Schema
How do I declutter a crowded UI and simplify the layout?

To declutter a crowded UI, assess complexity sources, identify the single primary user goal, and remove unnecessary elements. Apply progressive disclosure and smart defaults to flatten nested components and reduce visual noise.

What is progressive disclosure and when should I use it in interaction design?

Progressive disclosure is an interaction design technique that hides secondary information until needed, reducing cognitive load. Use it to simplify complex layouts by revealing content progressively based on user actions and context.

How do I reduce visual noise and fix information hierarchy in a complex page?

Reduce visual noise by evaluating visual styling, layout structure, and content clarity. Fix information hierarchy by consolidating essential actions and removing redundant or overly verbose copy while preserving necessary functionality.

Can I simplify multi-step interaction flows without losing necessary functionality?

Yes, you can replace multi-step flows with simpler paths by applying smart defaults and consolidating actions. Verify usability improvements afterward to confirm the design remains complete and accessible without losing necessary functionality.

What's the best way to cut redundant UX writing and reduce competing CTAs?

Cut redundant UX writing by assessing content clarity and removing verbose copy. Reduce competing CTAs by identifying the single primary user goal and consolidating secondary actions through progressive disclosure techniques.