# Normalize

> Align an interface to its design system standards. Replace one-off values with tokens. Ensure every element uses the system.

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

---


# /normalize — Design System Normalization

Compare the current code against the design system tokens:
1. Replace hardcoded colors with CSS custom properties
2. Replace arbitrary font sizes with type scale values
3. Replace arbitrary spacing with scale values
4. Normalize border-radius to the radius scale
5. Normalize shadows to the elevation system

Goal: zero one-off values. Everything should reference the system.