distill

Simplify design artifacts by removing unnecessary complexity across structure, visuals, and interactions.

1|Updated Jan 26, 2026
One-click install
npx skills add https://github.com/AskTinNguyen/vesper-team-skills --skill distill-asktinnguyen
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: distill
Source: https://github.com/AskTinNguyen/vesper-team-skills/tree/main/distill
Command: npx skills add https://github.com/AskTinNguyen/vesper-team-skills --skill distill-asktinnguyen

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Complex designs obscure core goals; this skill helps remove unnecessary elements to reveal essential clarity and focus.

Core Features & Use Cases

  • Information Architecture simplification: reduce clutter, unify actions, and improve hierarchy.
  • Visual and Layout simplification: trim color, typography, spacing, and layout noise for better readability.
  • Interaction & Content focus: streamline user actions, remove dead options, and emphasize primary tasks.
  • Use Case: Given a cluttered UI for a signup flow, distill it to the essential steps and highlight the primary call-to-action.

Quick Start

Provide the design artifact to distill, and I will strip it to its essential elements.

Frequently Asked Questions about distill

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

FAQPage Schema
How do I simplify a cluttered UI and improve information architecture?

To simplify a cluttered UI, you must distill design artifacts to their essential elements by explicitly evaluating complexity sources. This removes unnecessary visual noise, unifies actions, and improves information hierarchy for better readability.

What is the best way to streamline user interactions and remove dead options in product design?

Streamlining user interactions requires a ruthless editing plan that emphasizes primary tasks and removes dead options. This design simplification process strips feature interfaces down to essential steps, directly highlighting the primary call-to-action.

How do I reduce visual design complexity in a signup flow?

Reducing visual design complexity involves trimming color, typography, spacing, and layout noise. Applying design simplification to a signup flow distills the interface to essential steps, ensuring the primary call-to-action stands out.

When do I need to distill a design system to its essence?

You need to distill a design system when complex designs obscure core goals and reduce usability. This process applies to product design and UI systems, stripping away unnecessary elements to reveal essential clarity and focus.

Does design simplification work for both UI systems and feature interfaces?

Yes, design simplification works for UI systems and feature interfaces by applying a structured checklist. It systematically evaluates and streamlines information architecture, visual design, layout, interaction, and content.

What are the limitations of removing unnecessary complexity from a product design?

A limitation of removing unnecessary complexity is the requirement for explicit evaluation of complexity sources before editing. Without a ruthless editing plan and structured checklist, you risk stripping essential feature interactions alongside the visual noise.