normalize

Audit UI components and generate a token-based normalization plan.

1|Updated Apr 7, 2026
One-click install
npx skills add https://github.com/han-so1omon/ikam --skill normalize-han-so1omon
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: normalize
Source: https://github.com/han-so1omon/ikam/tree/main/skills/normalize
Command: npx skills add https://github.com/han-so1omon/ikam --skill normalize-han-so1omon

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

  • Design-system compliant audit and normalization plan
  • Token-based spacing and typography corrections
  • Consistency enforcement across components and layouts

Quick Start

Run a design-system audit on the current feature and generate a token-based normalization plan.

Frequently Asked Questions about normalize

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

FAQPage Schema
How do I audit my UI for design system consistency and token drift?

To audit UI for design system consistency, tokenize spacing, typography, color, and layout to identify mismatches. This process evaluates components against established patterns to detect feature drift, ensuring alignment across new features and routes.

What is design system normalization and when should I apply it?

Design system normalization is the process of realigning UI components with established tokens and patterns. Apply it during new feature development, feature drift, or rebranding to correct mismatched styles and enforce consistency across layouts.

How do I generate a token-based normalization plan for mismatched UI components?

Generate a token-based normalization plan by auditing components and applying requirements for tokens, accessibility, and responsive behavior. This yields a concrete plan with actionable steps and fallback heuristics to correct spacing and typography.

Can I apply UI normalization across multiple routes and features?

Yes, you can apply UI normalization across multiple routes and features. The process imposes token requirements and validates components across typical product scenarios, ensuring consistent layout and spacing corrections throughout the application.

What is the best way to correct design drift and mismatched styles in my product UI?

The best way to correct design drift is to run a design-system audit that tokenizes spacing and typography. This identifies mismatched styles and returns an actionable normalization plan to realign components with the system.

Does UI normalization enforce accessibility and responsive behavior requirements?

Yes, UI normalization enforces accessibility and responsive behavior requirements. It validates components against these standards during the audit, ensuring the normalized layout and typography corrections meet system constraints.