normalize

Audit UI components and create a normalization plan for design system standards.

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

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 alignment: assess and correct typography, color, spacing, and component usage.
  • Token-driven normalization: replace hard-coded values with design tokens for consistency.
  • UX-preserving refactors: maintain accessibility and UX flows while tightening visual language.

Quick Start

Follow the context gathering protocol and execute a normalization plan on the target feature.

Frequently Asked Questions about normalize

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

FAQPage Schema
How do I fix UI consistency issues and design drift in my components?

Fix UI consistency issues by auditing typography, color, and spacing to realign components with design system standards. Replace hard-coded values with design tokens to resolve mismatched styles and correct drift across your user interface.

What is the best way to replace hard-coded values with design tokens?

Replace hard-coded values with design tokens by analyzing your current typography, spacing, and color usage. Token-driven normalization substitutes arbitrary values with standardized tokens, ensuring strict UI consistency across all components.

Can I normalize UI styles without breaking existing UX flows and accessibility?

Yes, you can normalize UI styles without breaking UX flows through UX-preserving refactors. This approach tightens visual language and corrects design drift while strictly maintaining existing accessibility standards and user experience pathways.

When do I need to audit my UI for design system alignment?

You need to audit your UI for design system alignment when designers note consistency issues, design drift, or mismatched styles across components. It is required when analyzing tokens, typography, spacing, and color usage to realign features.

How do I create a normalization plan for mismatched component styles?

Create a normalization plan by analyzing token usage, typography, spacing, and color across the target feature. The process assesses mismatches against design system standards and delivers concrete implementation steps to correct the visual language.

Does token-driven normalization work for fixing spacing and typography mismatches?

Yes, token-driven normalization works for fixing spacing and typography mismatches by assessing component usage against design system standards. It replaces inconsistent hard-coded values with standardized tokens to achieve strict UI alignment.