normalize

Identify design system deviations and produce a normalization plan for tokens and components.

Updated Feb 11, 2026
One-click install
npx skills add https://github.com/CertChain-IUH/IGC-Frontend --skill normalize-certchain-iuh
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: normalize
Source: https://github.com/CertChain-IUH/IGC-Frontend/tree/main/.agents/skills/normalize
Command: npx skills add https://github.com/CertChain-IUH/IGC-Frontend --skill normalize-certchain-iuh

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Normalize design to match your design system and ensure consistency

Core Features & Use Cases

  • Provides a consistent baseline by aligning typography, color tokens, spacing, and component patterns.
  • Enables end-to-end design normalization across features to meet system standards.
  • Use Case: When a feature diverges from the design system, apply this Skill to harmonize visuals and interactions.

Quick Start

Tell the AI to normalize the feature by aligning typography, color tokens, spacing, and components to 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 design deviations from my design system in a feature?

To fix design deviations, identify typography, color, spacing, and component mismatches against your design system. Document the necessary changes in tokens and components to produce a concrete normalization plan that restores UI consistency.

What is design token normalization for UI consistency?

Design token normalization aligns typography, color, spacing, and motion patterns with established design system standards. It identifies deviations in features and documents required token and component changes to ensure consistent UI and accessibility compliance.

How do I align typography and color tokens with my design system?

Align typography and color tokens by auditing your feature for deviations and documenting the necessary changes. Apply scope to typography, color tokens, and components to produce a concrete normalization plan satisfying design system consistency.

Does design normalization help meet accessibility requirements?

Yes, design normalization ensures changes satisfy accessibility requirements alongside typography, color, and spacing token alignment. It audits responsive patterns and motion to verify that established UX patterns meet accessibility standards across the feature.

When do I need to normalize spacing and motion patterns in my UI?

Normalize spacing and motion patterns when a feature diverges from your design system and visual or interaction inconsistency appears. Apply scope to spacing and motion to document necessary token changes and produce a concrete normalization plan.

What's the best way to document a normalization plan for design tokens and components?

The best way to document a normalization plan is to identify deviations across typography, color, spacing, motion, and accessibility, then record the required token and component changes. This produces a concrete plan ensuring design system consistency.