normalize

Audit UI components and realign spacing, tokens, and patterns to design system standards.

Updated Mar 15, 2026
One-click install
npx skills add https://github.com/lachieh/babytalk --skill normalize-lachieh
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: normalize
Source: https://github.com/lachieh/babytalk/tree/main/.claude/skills/normalize
Command: npx skills add https://github.com/lachieh/babytalk --skill normalize-lachieh

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

  • Audit UI for design system compliance across components, pages, and routes.
  • Realign spacing, typography, color tokens, and pattern usage to established tokens and guidelines.
  • Use Case: when a feature drifts from the system, quickly normalize its visuals and interactions to match the design language.

Quick Start

Analyze a feature with design drift and realign it to the system using tokens, spacing rules, and pattern conventions.

Frequently Asked Questions about normalize

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

FAQPage Schema
How do I audit UI components for design system compliance?

To audit UI components for design system compliance, analyze typography, color tokens, spacing, and accessibility patterns across pages and routes to identify inconsistencies and realign visuals with established system standards.

What is the best way to fix design drift and inconsistent spacing in UI?

The best way to fix design drift and inconsistent spacing is to realign mismatched UI components using established design tokens and spacing rules to normalize visuals and interactions across the feature.

When do I need to normalize typography and color tokens across routes?

You need to normalize typography and color tokens across routes when a feature drifts from the design system, causing mismatched styles and inconsistent patterns that break visual conformance and accessibility standards.

Can I validate accessibility conformance using design tokens?

Yes, you can validate accessibility conformance by auditing UI components against design system standards to ensure typography, color tokens, and spacing patterns meet established accessibility guidelines across all routes.

Does normalizing UI components require predefined design system tokens?

Yes, normalizing UI components requires predefined design system tokens to validate and realign mismatched spacing, typography, and color patterns back into compliance with the established design language and accessibility rules.