One-click install
npx skills add https://github.com/yahya-azeem/Pokedex --skill distill-yahya-azeem
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: distill
Source: https://github.com/yahya-azeem/Pokedex/tree/main/library/impeccable/skills/distill
Command: npx skills add https://github.com/yahya-azeem/Pokedex --skill distill-yahya-azeem

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Distilling designs removes unnecessary complexity so users can quickly understand what matters and complete their goals without distraction.

Core Features & Use Cases

  • Complexity diagnosis: Detects clutter drivers such as competing elements, excessive variation, information overload, visual noise, weak hierarchy, and feature creep.
  • Ruthless simplification plan: Defines a single core purpose and maps what is essential vs removable, hidden, or consolidated.
  • Design simplification execution: Streamlines information architecture, visual style, layout structure, interactions, and content while preserving necessary functionality and accessibility.
  • Verification & documentation: Checks that usability improves (less cognitive load, faster task completion) and records what was removed and why.

Use cases include simplifying a product UI that feels noisy, decluttering a dashboard with unclear hierarchy, reducing an overly complex onboarding flow, or removing redundant content from a settings screen.

Quick Start

Tell the AI to distill the current UI design and return a simplified version that keeps all essential user decisions while removing visual and interaction clutter.

Frequently Asked Questions about distill

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

FAQPage Schema
How do I simplify a complex UI design and reduce visual clutter?

Simplify a complex UI design by diagnosing clutter drivers like information overload and weak visual hierarchy, then removing redundant elements to produce a streamlined layout that improves usability and reduces cognitive load.

What is progressive disclosure in information architecture?

Progressive disclosure is an information architecture technique that organizes UI elements by revealing essential information first while hiding secondary options, allowing users to focus on core tasks without overwhelming them with excessive choices.

How do I declutter a dashboard with unclear visual hierarchy?

Declutter a dashboard by mapping essential features versus removable or consolidatable content, streamlining the visual hierarchy and layout structure to ensure users can quickly understand data and complete goals without distraction.

Can I streamline an onboarding flow without breaking required functionality?

Yes, you can streamline an onboarding flow by applying ruthless simplification to interactions and content while preserving necessary functionality, verifying that usability improves and documenting exactly what complexity was removed and why.

What is the best way to consolidate redundant settings screen content?

Consolidate redundant settings content by defining a single core purpose for the screen, mapping what is essential versus removable, and streamlining information architecture and copy while verifying accessibility and usability improvements.

When should I not use design distillation to simplify a UI?

Avoid design distillation when removing complexity would break required functionality or accessibility, as the process requires carefully verifying that usability improves and documenting all removed elements to ensure essential user decisions remain intact.