distill

Evaluate UI mockups and wireframes to remove unnecessary visual complexity.

Updated Apr 14, 2026
One-click install
npx skills add https://github.com/gerald-ica/opencode-config-snapshot --skill distill-gerald-ica
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: distill
Source: https://github.com/gerald-ica/opencode-config-snapshot/tree/main/opencode/skills/distill
Command: npx skills add https://github.com/gerald-ica/opencode-config-snapshot --skill distill-gerald-ica

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Distilling designs to their essence helps teams communicate intent clearly and ship cleaner interfaces faster.

Core Features & Use Cases

  • Remove visual clutter and reduce noise while preserving core goals.
  • Improve readability and focus by simplifying typography and color.
  • Use case: when a UI feels crowded, apply distill to reveal essential elements.

Quick Start

Provide the design file and instruct it to distill the layout by removing nonessential elements to reveal the core structure.

Frequently Asked Questions about distill

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

FAQPage Schema
How do I declutter a crowded UI mockup and reduce visual noise?

To declutter a crowded UI mockup, you can distill the layout by removing nonessential elements. This process evaluates hierarchy, color, typography, and decoration to reduce visual noise while preserving core user goals.

What does it mean to distill a wireframe to its core structure?

Distilling a wireframe to its core structure means simplifying typography and color to improve readability and focus. It systematically strips away unnecessary complexity to reveal essential elements that communicate design intent clearly.

When should I simplify visual assets for clarity and focus?

You should simplify visual assets for clarity and focus when a design feels crowded or communication is muddled. Applying simplification helps teams ship cleaner interfaces faster by ensuring the core user goals are not lost in decoration.

Can I use distill to evaluate the visual hierarchy of an existing design?

Yes, you can use distill to evaluate the visual hierarchy of an existing design. It applies a guided evaluation of hierarchy, color, typography, and decoration to identify and remove unnecessary complexity while preserving core goals.

What is the best way to simplify typography and color in UI cleanup?

The best way to simplify typography and color in UI cleanup is through a guided evaluation that removes visual clutter. By providing the design file and instructing a cleanup, you can reduce noise while preserving the core structure.