layout

Assess and improve layout spacing, visual hierarchy, and composition to transform generic arrangements into intentional, rhythmic designs.

- Requires running the /impeccable skill first to establish design context and follow the Context Gathering Protocol

- Analyzes five core layout dimensions: spacing consistency, visual hierarchy, grid structure, rhythm and variety, and content density

- Provides systematic improvement workflow covering spacing scales, hierarchy strategies, layout tool selection (Flexbox vs. Grid), and rhythm creation

- Includes verification checks like the squint test and responsiveness validation to confirm layout improvements work across screen sizes

Assess and improve layout and spacing that feels monotonous, crowded, or structurally weak - turning generic arrangements into intentional, rhythmic compositions.

MANDATORY PREPARATION

Invoke /impeccable - it contains design principles, anti-patterns, and the Context Gathering Protocol. Follow the protocol before proceeding - if no design context exists yet, you MUST run /impeccable teach first.

Assess Current Layout

Analyze what's weak about the current spatial design:

- Spacing:

- Is spacing consistent or arbitrary? (Random padding/margin values)

- Is all spacing the same? (Equal padding everywhere = no rhythm)

- Are related elements grouped tightly, with generous space between groups?