normalize

Audit and normalize UI spacing, typography, colors, and component usage.

Updated Apr 2, 2026
One-click install
npx skills add https://github.com/ev3rlit/magam-canonical-archive --skill normalize-ev3rlit
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: normalize
Source: https://github.com/ev3rlit/magam-canonical-archive/tree/main/.claude/skills/normalize
Command: npx skills add https://github.com/ev3rlit/magam-canonical-archive --skill normalize-ev3rlit

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Audits and realigns UI to match design system standards, spacing, tokens, and patterns. Use when the user mentions consistency, design drift, mismatched styles, tokens, or wants to bring a feature back in line with the system.

Core Features & Use Cases

  • Identify design drift and missing tokens; align typography, color, and spacing to the system.
  • Normalize component patterns and usage of tokens across pages, routes, and features.
  • Use Case: when a feature's UI becomes inconsistent after iterations, run normalization to bring it back in line with design guidelines.

Quick Start

Run a normalization pass against the target feature to align its UI with the design system.

Frequently Asked Questions about normalize

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I fix UI design drift and align spacing with design tokens?

Fix UI design drift by auditing spacing, typography, colors, and component usage across features to realign them with design system tokens. This normalization process identifies missing tokens and enforces consistent patterns to restore a unified look and feel across pages.

What is the best way to normalize component patterns across multiple routes?

Normalize component patterns across routes by running a structured audit that checks typography, color tokens, and spacing against design system standards. The process applies a plan, execute, and cleanup workflow to enforce UI consistency and correct mismatched styles.

Why does my feature UI look inconsistent after multiple iterations?

Feature UI looks inconsistent after iterations due to design drift, where mismatched styles and missing tokens accumulate over time. Running a normalization pass audits and corrects typography, color, and spacing to bring the feature back in line with design guidelines.

Can I audit typography and color tokens for an entire product at once?

Yes, you can audit typography and color tokens across an entire product by applying normalization to features, pages, routes, and components. This targets the whole product to enforce design system standards and eliminate widespread UI inconsistencies.

Do I need a specific framework to enforce design system spacing?

No framework dependency is required to enforce design system spacing. The normalization process works by auditing your existing UI against token standards and applying a structured plan to align spacing, typography, and colors without relying on external components.