# Grid

> Apply 8px grid system with automatic snap correction. Finds all spacing values not aligned to the grid and snaps them to the nearest valid value.

- Skill: `dragoon0x/grid` (Agent Skill)
- Install (CLI): `npx skillmds@latest add dragoon0x/grid`
- Raw SKILL.md: https://api.skillmd.com/api/skills/dragoon0x/grid/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/grid

---


# /grid — 8px Grid Alignment

Scan all spacing values (padding, margin, gap, width, height) and:
1. Identify values not divisible by 4 (or 8 for strict mode)
2. Snap each to the nearest grid value
3. Show before/after for each correction

The spacing scale: 0, 4, 8, 12, 16, 20, 24, 32, 40, 48, 64, 80, 96, 128

Strict mode (8px): 0, 8, 16, 24, 32, 40, 48, 64, 80, 96, 128

Show total corrections made and percentage of values that were already on-grid.