Skip to the usage guide
Critique Compositionby owl-listener

Critique Composition Skill.

Explain why a rendered layout feels unbalanced or disconnected.

  • Composition
  • Hierarchy
Source Review · critique-compositionSKILL.md
Task Explain why a rendered layout feels unbalanced or disconnected. Produces A composition review organized by four explicit dimensions. Before You Start The skill critiques rendered composition rather than inventing findings from a brief alone.
Editorial summary · source reviewed 2026-11-02 · not a generated example

01 What It Does

Explain why a rendered layout feels unbalanced or disconnected

Audit a rendered screen's balance, whitespace, rhythm and perceptual grouping with specific observations and actionable layout fixes.

Source-based workflowNot an execution benchmark

The Working Approach

Critique Composition examines the spatial qualities of a rendered screen. It looks at visual weight, empty space, repeated intervals and perceptual grouping to explain why a layout feels unstable or disconnected. The source is especially useful when the basic hierarchy is understandable but the arrangement still feels awkward.

Its report separates observation, problem and fix for four dimensions: balance, whitespace, rhythm and gestalt. That structure turns a comment such as 'the page feels off' into a concrete discussion about an overcrowded section, an orphaned control or a repeated pattern whose spacing changes without a reason.

Expected Deliverables

  • A composition review organized by four explicit dimensions.
  • Neutral observations linked to specific spatial problems.
  • Actionable corrections and a severity rating for each dimension.
See the Example Brief

From Brief to Review

  1. 01
    Read the whole composition

    Inspect the rendered screen and identify its distribution of visual weight. Consider whether symmetry or asymmetry appears intentional and where the composition's center of gravity sits.

  2. 02
    Inspect spacing and rhythm

    Compare large gaps between sections with smaller gaps within groups. Look for inconsistent padding, repetition that drifts and abrupt transitions between dense and empty areas.

  3. 03
    Check perceptual grouping

    Review proximity, similarity, figure-ground separation, continuity and closure. Identify elements that appear detached from their related content or grouped with unrelated controls.

  4. 04
    Write targeted corrections

    For balance, whitespace, rhythm and gestalt, provide an observation, problem and specific fix. Rate each dimension without turning a focused critique into an unexplained full redesign.

02 When to Use It

When to Use It

The skill critiques rendered composition rather than inventing findings from a brief alone.

A Good Fit

  • A layout feels unsettledThe content is present, but weight, gaps or grouping make the composition difficult to read.
  • A focused refinement passA team wants spatial corrections while retaining its accepted design direction.

Limits to Check

  • Actual screen requiredThe skill critiques rendered composition rather than inventing findings from a brief alone.
  • Specific focusThe source directs emphasis and eye-flow analysis to a separate visual-hierarchy critique.
  • Recommendations need verificationA proposed spacing correction still needs inspection after implementation.

Bring These Inputs

  • Rendered viewProvide the screen and relevant viewport or content states.
  • Design contextExplain intended balance, grouping and the established visual direction.
  • Spacing systemInclude known grid and spacing values when corrections should reference them.

03 Decisions That Matter

Decisions That Matter

  1. Concrete spatial language

    Feedback names the relationship that makes the layout feel wrong.

  2. Separated dimensions

    Whitespace and rhythm can be assessed independently of visual weight.

  3. Actionable critique

    Every problem is paired with a proposed change.

04 Try a Focused Brief

Try a Focused Brief

The example brief below has not been tested. Check the skill’s setup before using it.

Review the Source and Setup

Provide the screen and relevant viewport or content states.

Upstream Source File
https://github.com/owl-listener/designer-skills/blob/9a6930cf84a822eb458624bd11c61aac5bbdf224/visual-critique/skills/critique-composition/SKILL.md

The reference below opens the upstream instructions. Review the repository setup before using them; it is not an installation command.

Start With One Deliverable

Adapt the scope, source material and constraints in this brief before running the skill.

Example Brief
Use critique-composition to review the rendered project overview. Keep the current content and visual direction, and focus on balance, whitespace, rhythm and perceptual grouping. Identify specific areas that feel crowded, detached or visually heavier than intended. Compare repeated card and section spacing with our existing scale. For each dimension, give a neutral observation, explain its consequence and propose a concrete adjustment. Rate it as pass, minor issue or major issue. Do not redesign the page during this review, and flag any judgment that depends on an unseen viewport.

Inspect the Result

Check the actual output against these observable criteria.

  • Observations describe specific visible spatial relationships.
  • Suggested fixes address the identified dimension rather than unrelated styling.
  • Unseen viewports and unimplemented recommendations remain clearly labeled.

OpenDesign provides a local design workspace for coding agents. This listing does not mean the skill is bundled or that its external tools, credentials and software dependencies are included.

05 Source and License

Source and License

This page describes the pinned source revision linked below. Upstream behavior and requirements can change.

Source Owner
owl-listener
Skill File
SKILL.md
License
MIT
Reviewed Snapshot
2026-11-02 · 9a6930cf84a8
Editorial Source Summary
Explain why a rendered layout feels unbalanced or disconnected.

Original summary by OpenDesign, based on the linked source. Repository stars are a dated popularity signal, not skill usage or a quality score.

06 Questions Before You Start

Questions Before You Start

Does this replace hierarchy review?

It concentrates on composition. The source treats emphasis and eye flow as a separate critique focus.

What counts as rhythm?

The review examines repeated spacing, sizes, rows, cards and section breaks that create a coherent visual cadence.

What is the expected report format?

Each of the four dimensions receives an observation, problem, fix and pass/minor/major rating.

OpenDesign

Keep Your Brief and Design Work Together.

Keep your brief, source material and design work together in a local workspace. Check the skill’s own setup before adding it to your workflow.

Upstream Source File
https://github.com/owl-listener/designer-skills/blob/9a6930cf84a822eb458624bd11c61aac5bbdf224/visual-critique/skills/critique-composition/SKILL.md