distill

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

Updated Mar 11, 2026
One-click install
npx skills add https://github.com/jkhowland/jkhowland --skill distill-jkhowland
Or copy as Structured Prompt for Agent
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.