distill

Distill UI concepts to essential elements across architecture, visuals, layout, and copy.

Updated May 16, 2025
One-click install
npx skills add https://github.com/range-et/slate --skill distill-range-et
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: distill
Source: https://github.com/range-et/slate/tree/main/.cursor/skills/distill
Command: npx skills add https://github.com/range-et/slate --skill distill-range-et

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Strip designs to their essence by removing unnecessary complexity, enabling clearer decision-making and faster iteration.

Core Features & Use Cases

  • Guided simplification: Identify and remove non-essential elements across information architecture, visuals, layout, interactions, and copy.
  • Design quality uplift: Produce lean, actionable design briefs that preserve core functionality while reducing cognitive load.
  • Use Case: When a product requires a redesign to reduce clutter, apply this skill to produce a distilled specification that collaborators can act on quickly.

Quick Start

Distill a design brief or UI concept to its essential elements in one pass.

Frequently Asked Questions about distill

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

FAQPage Schema
How do I simplify UI design and reduce clutter in a product redesign?▼

Simplify UI design by applying guided simplification to distill concepts to essential elements, removing non-essential information architecture, visuals, layout, interactions, and copy. This produces lean, actionable design briefs that reduce cognitive load and streamline decision-making.

What is the best way to streamline information architecture for UX reviews?▼

Streamline information architecture for UX reviews by enforcing context gathering and frontend-design principles to eliminate design noise. This distillation process preserves core functionality while producing actionable specifications for collaborators to act on quickly.

How do I distill a design brief to its essential elements in one pass?▼

Distill a design brief by applying ruthless simplification guidelines to strip designs to their essence, removing unnecessary complexity across visuals, layout, and copy. This enables clearer decision-making and faster iteration for product teams.

Can I use this for frontend design handoffs to streamline UX specifications?▼

Yes, use this for frontend design handoffs to produce distilled specifications that collaborators can act on quickly. It enforces frontend-design principles and context gathering to ensure lean, actionable outputs that preserve core functionality while reducing cognitive load.

When do I need to apply design simplification guidelines to a product brief?▼

Apply design simplification guidelines when a product requires a redesign to reduce clutter and remove unnecessary complexity. This skill identifies and eliminates non-essential elements across information architecture, interactions, and copy to enable faster iteration.

Why does distilling UI concepts help reduce cognitive load in product design?▼

Distilling UI concepts reduces cognitive load by stripping designs to their essence and removing unnecessary complexity. This ruthless simplification preserves core functionality while enabling clearer decision-making and faster iteration across the product workflow.