distill
๐ฏSkillfrom pbakaus/impeccable
|A design skill that strips interfaces to their essence by removing unnecessary complexity. Applies ruthless simplification through progressive disclosure, element consolidation, and reduction to the 20% of features that deliver 80% of value.
Overview
Distill is a Claude Code skill from the Impeccable design toolkit that removes unnecessary complexity from designs, revealing essential elements and creating clarity through ruthless simplification. It identifies the ONE primary user goal and focuses on the 20% of elements that deliver 80% of value. The skill follows a structured process: assess complexity sources, find the essence, plan simplification, then apply specific techniques.
Key Features
- Complexity source assessment: Identifies too many elements, excessive variation, information overload, visual noise, confusing hierarchy, and feature creep as sources of unnecessary complexity
- Four simplification techniques: Remove (borders, shadows, decorations, redundant labels), Combine (merge similar actions, consolidate navigation), Hide (progressive disclosure, expandable sections), Simplify (reduce color palette, limit typography, streamline layouts)
- Essence-focused approach: Forces identification of the ONE primary user goal and separates necessary elements from nice-to-have, ensuring simplification serves purpose rather than just aesthetics
Who is this for?
- Developers and designers with cluttered, feature-heavy interfaces that have grown complex over time and need focused simplification
- Product teams practicing progressive disclosure who want to reduce cognitive load and improve user focus on core tasks
- Anyone using Claude Code to build UIs who wants cleaner, more focused designs that prioritize clarity over comprehensiveness
Same repository
pbakaus/impeccable(10 items)
Installation
npx vibeindex add pbakaus/impeccable --skill distillnpx skills add pbakaus/impeccable --skill distill~/.claude/skills/distill/SKILL.mdSKILL.md
More from this repository9
A design skill that amplifies safe or boring designs to make them more visually interesting and stimulating. Uses techniques like dramatic typography scale, bold color choices, asymmetric layouts, and purposeful motion while maintaining usability.
A design skill that adds moments of joy, personality, and unexpected polish to interfaces. Implements micro-interactions, animations, playful copy, and visual surprises like confetti and celebrations to make functional UIs memorable and enjoyable.
Tones down visually aggressive or overstimulating designs by reducing intensity while preserving quality. Part of the Impeccable collection, it provides techniques for desaturating colors, softening contrast, refining typography, and calming animations to achieve a more sophisticated aesthetic.
Pushes interfaces past conventional limits with technically ambitious implementations including shaders, spring physics, scroll-driven reveals, and 60fps animations. Part of the Impeccable collection, it provides structured techniques for creating extraordinary browser experiences while maintaining performance and accessibility.
Skill for creating distinctive, production-grade frontend interfaces with high design quality, guiding AI to commit to bold aesthetic directions and avoid generic AI aesthetics.
Designs and improves onboarding flows, empty states, and first-run experiences to help users reach value quickly. Part of the Impeccable design skill collection, it provides structured patterns for progressive onboarding, guided setup wizards, interactive tutorials, and contextual hints.
A design skill that improves interface resilience through better error handling, internationalization support, text overflow handling, and edge case management. Tests against extreme inputs, network failures, and i18n scenarios to make UIs production-ready.
Design fluency for AI coding tools. 1 skill, 17 commands, and curated anti-patterns for impeccable frontend design.
A frontend design plugin with 1 skill, 17 steering commands, and curated anti-patterns for impeccable UI design โ including typography, color systems, spatial design, dark mode, animation, and explicit anti-patterns to avoid generic LLM template biases.