distill

Distill frontend designs to essential elements via a protocol-driven workflow.

Updated Mar 11, 2026

Search Tags:#design #frontend #clarity #distill #design-principles #simplification #context-gathering

Ready to run

npx skills add https://github.com/jkhowland/jkhowland --skill distill-jkhowland

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: distill
Source: https://github.com/jkhowland/jkhowland/tree/main/.claude/skills/distill
Command: npx skills add https://github.com/jkhowland/jkhowland --skill distill-jkhowland

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Distill complex designs to their essential elements, removing unnecessary complexity to create clarity, focus, and faster decision-making.

Core Features & Use Cases

Identify sources of design complexity: visual clutter, excessive variation, information overload, confusing hierarchy, and feature creep.
Provide a ruthless simplification plan: define core purpose, essential elements, progressive disclosure, and consolidation opportunities.
Ensure prerequisites: follow the Context Gathering Protocol from frontend-design skill, and only proceed when design context exists.

Quick Start

Run the distill process on the current design to remove non-essential elements and reveal the core user goal.

Frequently Asked Questions about distill

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

FAQPage Schema

How do I simplify a frontend design that has too much visual clutter?▼

Distilling a complex design involves following a context gathering protocol to define the core purpose, identify sources of complexity like information overload, and create a simplification plan using progressive disclosure.

What causes confusing hierarchy and feature creep in frontend design?▼

Sources of design complexity include visual clutter, excessive variation, information overload, confusing hierarchy, and feature creep, all of which prevent users from reaching their core goals efficiently.

Do I need to gather design context before applying a simplification plan?▼

You must complete a context gathering protocol to establish design context before proceeding, ensuring the simplification plan accurately targets the essential elements.

What is progressive disclosure and when do I need it for minimalism?▼

Progressive disclosure is a design principle used during simplification to reveal essential elements gradually, needed when frontend design contexts prioritize clarity and rapid decision-making.

Can I use distill to consolidate excessive design variation?▼

Yes, you can use a protocol-driven simplification workflow to identify consolidation opportunities, strip unnecessary variation, and reveal the essential elements required for rapid decision-making.