distill

Remove unnecessary elements from designs to reveal essential structure.

Updated Feb 8, 2026
One-click install
npx skills add https://github.com/wellsgz/SonarScope --skill distill-wellsgz
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: distill
Source: https://github.com/wellsgz/SonarScope/tree/main/.codex/skills/distill
Command: npx skills add https://github.com/wellsgz/SonarScope --skill distill-wellsgz

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Designs often become cluttered with unnecessary elements that obscure the core goal. This skill helps strip designs to their essence, revealing a simple, powerful, and clean core.

Core Features & Use Cases

  • Minimalism guidance: remove non-essential elements while preserving function and intent.
  • Hierarchy optimization: tighten layout, typography, and visual priority to improve readability.
  • Use Case: product pages or onboarding screens that must communicate a single call to action clearly.

Quick Start

Provide a design brief or mockup you want distilled, and I will strip it to its essential 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 design and improve visual hierarchy?

To simplify a cluttered UI design, you remove non-essential elements while preserving function and intent. This tightens layout, typography, and visual priority to improve readability and reveals a clean core structure for your product pages.

What is design distillation and when do I need it for product pages?

Design distillation is the process of removing unnecessary elements to reveal essential structure. You need it for product pages or onboarding screens that must communicate a single call to action clearly without visual clutter obscuring the core goal.

How do I strip a mockup to its essential elements for a design critique?

To strip a mockup to its essential elements, provide your design brief to initiate a simplification review. The process applies non-destructive editing to remove unnecessary clutter and yields actionable simplifications for your critique session.

Can I use minimalism guidance to optimize onboarding screens without losing function?

Yes, minimalism guidance removes non-essential elements while strictly preserving function and intent. It tightens layout and visual priority so onboarding screens communicate a single call to action clearly without losing operational capabilities.

Does the design simplification process support non-destructive editing?

Yes, the design simplification process explicitly supports non-destructive editing. It distills complex designs by removing unnecessary elements to reveal essential structure and yields actionable simplifications without permanently altering your original layout.