skills.rest
yinshucheng
yinshuchengCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

distill

Simplify UI/UX designs by removing clutter and refining visual hierarchy.

Updated Aug 23, 2026
Search Tags:#distill#design-principles#information-architecture#design-simplification#visual-clarity#ui-cleanup
One-click install
npx skills add https://github.com/yinshucheng/vibeflow --skill distill-yinshucheng
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: distill
Source: https://github.com/yinshucheng/vibeflow/tree/main/.claude/skills/distill
Command: npx skills add https://github.com/yinshucheng/vibeflow --skill distill-yinshucheng

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Strip unnecessary complexity from designs to reveal the essential elements and create clarity.

Core Features & Use Cases

  • Removes visual clutter and simplifies hierarchy to focus on core goals
  • Guides iterative refinement to produce consistent, clean interfaces
  • Use Case: ideal for quick redesigns, design-system cleanups, and UI surfacing essential interactions

Quick Start

Tell me which design to distill and I will return a pared-down version highlighting the core elements.

Frequently Asked Questions about distill

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

FAQPage Schema
How do I simplify a cluttered UI and improve visual hierarchy?▼

To simplify a cluttered UI, you strip unnecessary complexity by addressing information architecture, visual hierarchy, and layout to reveal essential elements and focus on core goals.

What is the best way to clean up a design system?▼

The best way to clean up a design system is through iterative refinement that removes visual clutter, enforces structured simplification of interactions and content, and documents the rationale while preserving accessibility.

How do I reduce information architecture complexity in product interfaces?▼

Reduce information architecture complexity by applying a structured process that eliminates clutter obscuring goals across layout, interaction, and content, enabling faster and more focused product decisions.

Does design simplification affect accessibility and existing interactions?▼

Design simplification strictly preserves accessibility while documenting rationale for changes across interaction and content simplification, ensuring essential interactions remain intact and usable.

When should I use a structured UI cleanup process for visual clarity?▼

Use a structured UI cleanup process for visual clarity when clutter obscures your core goals, requiring iterative refinement across hierarchy and code simplification to enable faster, more focused decisions.

Related Skills

Explore More Design & Creative Skills→
ShubhamX-AIShubhamX-AI

ui-ux-premium

Apply premium UI/UX guidelines to existing components and pages.

Community
Intermediate
Jorge-IvanJorge-Ivan
1

generating-components

Generate and refine frontend UI components with Gemini Design MCP.

Community
Advanced
ghufronbagaskaraghufronbagaskara

design-md

Create, lint, and export Google DESIGN.md design tokens to Tailwind or W3C DTCG formats.

Community
Intermediate
DanialHaseebDanialHaseeb

critique

Critique UX designs with heuristic scores and prioritized issue lists.

Community
Advanced