normalize

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

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/nitipoomph-coder/Project_phase1 --skill normalize-nitipoomph-coder
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: normalize
Source: https://github.com/nitipoomph-coder/Project_phase1/tree/main/.gemini/normalize
Command: npx skills add https://github.com/nitipoomph-coder/Project_phase1 --skill normalize-nitipoomph-coder

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Audits and realigns UI to match design system standards, spacing, tokens, and patterns. Addresses design drift and mismatched styles to bring features back into system alignment.

Core Features & Use Cases

  • Design System Audit: Identify typography, color, spacing, and component deviations from tokens.
  • Normalization Plan: Recommend token-based values, component substitutions, and pattern alignment.
  • Use Case: When a feature uses non-tokenized paddings or inconsistent tokens, generate a plan to consolidate to system tokens.

Quick Start

Provide a concrete normalization plan to realign a feature with the design system using tokens and established patterns.

Frequently Asked Questions about normalize

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

FAQPage Schema
How do I fix design drift and align my UI with a design system?

To fix design drift and align UI with a design system, audit your screens for typography, color, and spacing deviations from your tokens, then apply a normalization plan to consolidate mismatched styles back into system patterns.

What is the best way to audit UI components for token mismatches?

The best way to audit UI components for token mismatches is to compare feature implementations against design system references, identifying non-tokenized paddings, inconsistent typography scales, and color palette deviations to generate a concrete normalization plan.

How do I create a normalization plan for inconsistent spacing and typography?

Create a normalization plan for inconsistent spacing and typography by mapping non-tokenized values to established design system tokens, recommending component substitutions, and providing implementation guidance to realign features with standard patterns.

Can I use this to normalize UI across both web and mobile platforms?

Yes, you can normalize UI across web and mobile platforms by applying design system audits to both environments, identifying token mismatches and style inconsistencies, and generating a unified normalization plan with concrete implementation guidance.

Do I need design system tokens before starting UI normalization?

Yes, you need design system tokens, typography scales, color palettes, and component references available before starting UI normalization, as the process requires these inputs to identify deviations and output a concrete realignment plan.

Why does my feature have inconsistent styles and non-tokenized paddings?

Features have inconsistent styles and non-tokenized paddings due to design drift, where implementations deviate from design system standards over time, requiring an audit and token-based normalization plan to bring styles back into system alignment.