critique-composition

Critique a rendered screen's balance, whitespace, rhythm, and gestalt grouping.

2.5k|358|Updated Mar 7, 2026
One-click install
npx skills add https://github.com/Owl-Listener/designer-skills --skill critique-composition
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: critique-composition
Source: https://github.com/Owl-Listener/designer-skills/tree/main/visual-critique/skills/critique-composition
Command: npx skills add https://github.com/Owl-Listener/designer-skills --skill critique-composition

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

A layout can have correct visual hierarchy yet still feel off — unbalanced, cramped, or disjointed. This Skill diagnoses those compositional problems in a rendered screen and proposes concrete fixes.

Core Features & Use Cases

  • Four-dimension critique: Evaluates Balance, Whitespace, Rhythm, and Gestalt principles (proximity, similarity, figure/ground, continuity, closure) with observation, problem, and fix for each.
  • Severity ratings: Rates each dimension as pass, minor issue, or major issue so teams can prioritize remediation.
  • Use Case: A designer's dashboard layout feels unstable and cluttered despite correct typography and hierarchy. Run this critique to find that heavy cards cluster on the left, padding varies between 16px and 24px, and related filters float far from their table — then apply the specific fixes suggested.

Quick Start

Critique the composition of this rendered screen and rate its balance, whitespace, rhythm, and gestalt grouping.

Frequently Asked Questions about critique-composition

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

FAQPage Schema
How do I critique the composition of a UI layout?

Evaluate four dimensions: balance (distribution of visual weight), whitespace (macro and micro negative space), rhythm (consistent spacing and repetition), and gestalt principles (proximity, similarity, figure/ground, continuity, closure). For each, record an observation, the problem, and a specific fix.

What is the difference between composition critique and visual hierarchy critique?

Composition critique covers spatial structure — balance, whitespace, rhythm, and gestalt grouping. Visual hierarchy critique covers emphasis and eye flow. Use composition critique when a layout feels off but the hierarchy is already correct.

What are common composition problems in UI design?

Frequent failures include equal-weight two-column layouts with no primary/secondary split, inconsistent padding values with no spacing system, orphaned elements detached from their group, overcrowded sections next to empty ones, and redundant dividers that add noise instead of structure.

When should I not use a composition critique?

Skip it when the core issue is emphasis or eye flow rather than spatial structure — that calls for a visual hierarchy critique instead. It also does not cover typography, color, or accessibility concerns, which need their own review passes.

How are composition issues rated in a design critique?

Each dimension — Balance, Whitespace, Rhythm, and Gestalt — is rated as pass, minor issue, or major issue. Every rating is backed by a neutral observation, an explanation of why the problem matters, and a specific actionable fix.