distill

Simplify product and interface designs by removing unnecessary elements and visual noise.

60|7|Updated Oct 18, 2020
One-click install
npx skills add https://github.com/bfree-trainer/bfree --skill distill-bfree-trainer
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: distill
Source: https://github.com/bfree-trainer/bfree/tree/main/.claude/skills/distill
Command: npx skills add https://github.com/bfree-trainer/bfree --skill distill-bfree-trainer

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Removes unnecessary complexity from product and interface designs to reveal the essential elements that let users accomplish their primary goal quickly and with less cognitive load. It helps teams declutter UIs, improve hierarchy, and reduce feature noise while preserving necessary functionality and accessibility.

Core Features & Use Cases

  • Assess current state: Identify sources of complexity such as redundant controls, excessive variations, information overload, and unclear hierarchy.
  • Plan and prioritize: Define the single core purpose, essential elements, progressive disclosure, and consolidation opportunities.
  • Systematic simplification: Apply changes across information architecture, visual design, layout, interaction, content, and code while preserving accessibility and necessary features.
  • Verification and documentation: Validate faster task completion, reduced cognitive load, and preserved functionality, and record what was removed and why.
  • Use Case: Simplify a crowded dashboard by selecting one primary CTA, hiding secondary tools behind progressive disclosure, and consolidating duplicate actions into a single streamlined workflow.

Quick Start

Use the distill skill to simplify the main dashboard by prioritizing the core user goal, removing redundant controls, and proposing a minimal hierarchy.

Frequently Asked Questions about distill

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

FAQPage Schema
How do I declutter a complex UI and reduce cognitive load?

Simplify a crowded dashboard by prioritizing the core user goal, removing redundant controls, and proposing a minimal hierarchy. Consolidate duplicate actions into a single streamlined workflow and hide secondary tools behind progressive disclosure.

How do I simplify product flows using progressive disclosure?

Simplify product flows by planning essential elements and hiding secondary tools behind progressive disclosure. Define a single core purpose for the interface, consolidate duplicate actions, and verify that usability and accessibility remain intact after removing unnecessary options.

What's the best way to improve information architecture without losing necessary functionality?

The best way to improve information architecture without losing functionality is to systematically assess complexity sources, define essential elements, and consolidate redundant options. Apply changes across layout and interaction while verifying that accessibility and necessary features are preserved.

Does simplifying visual design affect accessibility and usability?

Simplifying visual design does not negatively affect accessibility and usability when proper verification steps are applied. The process includes validating faster task completion, reduced cognitive load, and preserved functionality, while documenting what was removed and why.

When should I not use a ruthless simplification approach on a product interface?

You should not use a ruthless simplification approach when your interface lacks a clear single core purpose or when removing elements would strip away necessary features. The approach requires a structured assessment to ensure essential functionality and accessibility remain intact.