normalize

Audit UI components and produce a design system normalization plan.

5|1|Updated May 31, 2026
One-click install
npx skills add https://github.com/waynesutton/teleprompter --skill normalize-waynesutton
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: normalize
Source: https://github.com/waynesutton/teleprompter/tree/main/.cursor/skills/normalize
Command: npx skills add https://github.com/waynesutton/teleprompter --skill normalize-waynesutton

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 discovery: identify deviations from tokens, typography, spacing, and component usage.
  • Normalization planning: formulate concrete changes to align UI with tokens, spacing scales, and patterns.
  • Implementation guidance: provide actionable steps, references, and guardrails to apply changes safely across pages, routes, and components.

Quick Start

Provide the feature name and its current UI context, and the skill will analyze and produce a normalization plan.

Frequently Asked Questions about normalize

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

FAQPage Schema
How do I fix UI inconsistencies and design drift across my application?

Fix UI inconsistencies by auditing components against design system tokens, spacing scales, and typography patterns to formulate a concrete normalization plan with actionable implementation steps and validation criteria.

What is UI normalization in a design system?

UI normalization is the process of realigning mismatched styles, typography, and spacing to conform to design system standards, ensuring visual and structural consistency across features, pages, routes, and responsive layouts.

How do I align mismatched UI components with design tokens?

Align mismatched UI components by analyzing the current UI context, identifying deviations from design tokens and patterns, and applying provided implementation guidance and guardrails to safely update components across pages and routes.

Do I need design system tokens and guidelines to normalize my UI?

Yes, normalizing your UI requires access to design system tokens, guidelines, and references to accurately audit deviations and deliver a concrete normalization plan with validation criteria.

Can I normalize responsive layouts and component patterns across different routes?

Yes, you can normalize responsive layouts and component patterns across features, pages, routes, and UI states by auditing their current usage and applying design system guardrails to ensure consistent implementation.

What's the best way to plan design system updates for multiple pages?

The best way to plan design system updates is to audit all affected pages for deviations, then generate a comprehensive normalization plan that includes implementation notes and validation criteria for safe application across routes.