# Layout Audit

> Map all layout patterns. Identify grid/flexbox usage, spacing patterns, nesting depth, and responsive breakpoints across the codebase.

- Skill: `dragoon0x/layout-audit` (Agent Skill)
- Install (CLI): `npx skillmds@latest add dragoon0x/layout-audit`
- Raw SKILL.md: https://api.skillmd.com/api/skills/dragoon0x/layout-audit/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Security
- Author: dragoon0x (https://skillmd.com/u/dragoon0x)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/dragoon0x/layout-audit

---


# /layout-audit — Layout Pattern Audit

Comprehensive layout analysis:
1. Map every display: grid and display: flex usage
2. List all unique spacing values used
3. Measure maximum nesting depth per component
4. Count media queries and breakpoints
5. Check for max-width constraints on text content
6. Identify absolute positioning (often a red flag)
7. Report gap vs margin usage consistency