# Layout Fix

> Auto-fix layout issues. Snaps off-grid spacing, adds missing max-width constraints, and normalizes gap usage.

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

---


# /layout-fix — Layout Auto-Fix

Apply automatic layout corrections:
1. Snap all spacing values to the nearest grid value (4px increments)
2. Add max-width to text containers exceeding 75ch
3. Replace margin-based gaps with the gap property where flex/grid is used
4. Add missing responsive breakpoints for layouts wider than 600px
5. Show before/after for each change