Audit Layout

Review layout consistency across the codebase.

When to Use

• After adding new components

• Periodic visual consistency check

• Before releases

Approach

Step 1: Project Invariants (Required)

Before auditing, check docs/knowledge-base/ for project-specific constraints:

• SPEC-SPACING.md — spacing token mandates

• RULES-UI.md — layout rules and prohibitions

• Flag any violation of documented invariants as Critical priority.

Step 2: Focus Areas

• Spacing: Consistent use of var(--spacing-*) tokens

• Alignment: Items properly aligned within containers

• Grid: Correct use of grid/flex layouts

• Margins: No rogue external margins (use parent gap )

Checklist

• All spacing uses tokens, no magic numbers

• Parent containers use gap for child spacing

• No external margins on child components

• Alignment consistent within sections

• Responsive behavior appropriate

Output

Findings report with specific file:line citations.