Can it simplify my codebase as well as the UI?

Yes, it includes instructions for code simplification, such as flattening component trees, removing dead CSS, and consolidating styles into consistent utility patterns.

How does it handle accessibility during simplification?

The skill explicitly mandates that accessibility requirements, such as ARIA labels and clear navigation, must never be sacrificed for the sake of a simpler visual aesthetic.

What does the Design Distiller skill do?

It guides Claude to identify and remove unnecessary complexity in your design and code, focusing on the essential elements that drive user goals.

Does this skill work with specific CSS frameworks?

It is framework-agnostic and applies universal design principles to simplify layouts, colors, and typography across any web technology stack.

Will it remove core features of my application?

No, the skill is designed to remove obstacles, not functionality. It includes a mandatory context-gathering phase to ensure all essential features are preserved.

Design Distiller

Name: Design Distiller
Author: cinjoff

bycinjoff

•

デザインツール

Simplifies complex UI/UX designs by removing unnecessary elements and clarifying core user goals through ruthless refinement.

Design Distiller is a specialized Claude Code skill designed to combat feature creep and visual clutter in frontend projects. By analyzing information architecture, visual hierarchy, and interaction patterns, it systematically eliminates non-essential elements to reveal a product's true essence. The skill guides Claude to gather critical context first, ensuring that simplification enhances usability and performance without sacrificing core functionality or accessibility. It is an essential tool for developers looking to transform dense, confusing interfaces into clean, purposeful, and high-converting user experiences.

主な機能

01Automated identification of redundant code and flattened component structures

02Interaction flow optimization to reduce cognitive load and choices

03Information architecture refinement and progressive disclosure planning

04Visual noise reduction including color palette and typography consolidation

05Systematic complexity assessment of UI components and layouts

061 GitHub stars

ユースケース

01Refactoring cluttered legacy dashboards into clean, focused interfaces

02Cleaning up visual noise and inconsistent styling in evolving design systems

03Simplifying complex multi-step forms and checkout processes for better conversion

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add cinjoff/fhhs-skills distill

For use in Claude.ai and ChatGPT