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.