Profile My skills Saved Collections Edit profile Submit a skill

Normalize

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

dragoon0x 955bb7b 585 B Updated
Design & Media

File contents

/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.

dragoon0x/optik/tree/main/source/skills/normalize commit 955bb7b2c8

Browse category

Frequently asked questions

npx skillmds@latest add dragoon0x/normalize