dragoon0x /m-grid — Grid Snap
Scan every padding, margin, and gap. For off-grid values:\n1. Find nearest scale value\n2. Replace with var(--space-N)\n3. Show before/after with pixel difference\n\nReport: total checked, on-grid %, corrections applied.
M Grid
Snap all spacing values to the 4px base grid. Replaces arbitrary values with the nearest scale token.
M Grid by dragoon0x · f10f53d
npx skillmds@latest add dragoon0x/m-grid File contents
---name: m-griddescription: Snap all spacing values to the 4px base grid. Replaces arbitrary values with the nearest scale token.---# /m-grid — Grid SnapScan every padding, margin, and gap. For off-grid values:\n1. Find nearest scale value\n2. Replace with var(--space-N)\n3. Show before/after with pixel difference\n\nReport: total checked, on-grid %, corrections applied.
dragoon0x/meridian/tree/main/source/skills/m-grid commit f10f53daf0
Frequently asked questions
Run npx skillmds@latest add dragoon0x/m-grid in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.
Snap all spacing values to the 4px base grid. Replaces arbitrary values with the nearest scale token. It is listed under Coding & Dev Tools on SkillMD.
This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.
This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.
Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.
dragoon0x (@dragoon0x) published this skill. Their other Agent Skills are listed on their SkillMD profile.