skills.rest
navikt
naviktOFFICIAL
Explore all skills by this author →
WebsiteGitHub

distill

Distill complex UI designs into essential elements and a design specification.

1|1|Updated Feb 2, 2026
Search Tags:#distill#ui-ux#design-principles#user-experience#cognitive-load#design-simplification#clutter-reduction
One-click install
npx skills add https://github.com/navikt/watson-sak-frontend --skill distill-navikt
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: distill
Source: https://github.com/navikt/watson-sak-frontend/tree/main/.agents/skills/distill
Command: npx skills add https://github.com/navikt/watson-sak-frontend --skill distill-navikt

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Stripping design complexity to reveal essential elements, reducing visual clutter and cognitive load for better usability.

Core Features & Use Cases

  • Identify and remove non-essential UI elements, consolidating interactions to a simple primary path.
  • Produce a distilled design specification that communicates core structure and flow to developers.
  • Use Case: Distill a cluttered onboarding flow to reduce steps while preserving required tasks and outcomes.

Quick Start

Provide a ruthless plan to strip this design 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 reduce cognitive load and visual clutter in a dashboard UI?▼

Reduce cognitive load by distilling complex UI designs into essential elements, identifying unnecessary components, and consolidating interactions to a simple primary path. This process strips away surface clutter to improve overall usability.

What is the best way to simplify a complex onboarding flow without losing required tasks?▼

Simplify an onboarding flow by ruthlessly identifying non-essential steps and consolidating user actions. This distillation preserves required task outcomes while reducing decision fatigue and shortening the user journey.

How do I create a design specification for developers after simplifying a product UI?▼

Create a design specification by distilling the interface down to its core structure and flow. The resulting spec communicates the simplified primary path and essential elements directly to developers for implementation.

When should I apply design simplification to improve user experience?▼

Apply design simplification when surface clutter and decision fatigue slow users down. It is highly effective for distilling complex product UI designs, onboarding flows, and dashboards into clearer, more usable interfaces.

Can I consolidate multiple UI interactions into a single primary path for users?▼

Yes, you can consolidate interactions by identifying non-essential UI elements and merging them. This ruthless simplification removes clutter and guides users along a simple primary path to reduce cognitive load.

Why does decision fatigue slow down users in complex dashboards?▼

Decision fatigue slows users because visual clutter and non-essential UI elements overwhelm their cognitive capacity. Distilling the dashboard to its essential elements removes unnecessary options and streamlines the experience.

Related Skills

Explore More Design & Creative Skills→
samcannassamcannas

distill

Simplify UI mockups and dashboards by removing non-essential design elements.

Community
Intermediate
tech-leads-clubtech-leads-club
5.0k

figma-implement-design

Translate Figma designs into production-ready UI code via Figma MCP.

Official
Advanced
simotasimota
68

Echo

Simulate diverse personas to identify UI friction and usability issues.

Community
Advanced
kireevkit15-syskireevkit15-sys

distill

Simplify UI and product designs by removing non-essential elements.

Community
Advanced