normalize

Audit UI features against design system tokens and generate a normalization plan.

5|Updated Mar 27, 2026
One-click install
npx skills add https://github.com/Gyanano/Bower --skill normalize-gyanano
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: normalize
Source: https://github.com/Gyanano/Bower/tree/main/.agents/skills/normalize
Command: npx skills add https://github.com/Gyanano/Bower --skill normalize-gyanano

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

The skill surfaces and fixes drift from the shared design system so every UI surface uses the same spacing, tokens, components, and interactions.

Core Features & Use Cases

  • Design system discovery: Forces a deep investigation of principles, personas, patterns, and tokens before touching a feature.
  • Normalization plan: Identifies hard-coded styles, mismatched components, and accessibility gaps and diagrams the replacement strategy.
  • Execution checklist: Applies typography, color, spacing, layout, component, interaction, responsive, and accessibility standards during refactors to restore system harmony.
  • Use case: When a new route or component looks off-brand, run the plan, swap in system components, and retokenize until it cannot be distinguished from the rest.

Quick Start

Ask normalize to audit the chosen feature against the design system tokens and deliver a plan to bring it into perfect alignment.

Frequently Asked Questions about normalize

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

FAQPage Schema
How do I audit UI alignment against a shared design system?

To audit UI alignment, surface and fix drift from spacing, typography, colors, and components. The process identifies hard-coded styles, mismatched components, and accessibility gaps to restore design system harmony across pages.

What is design system normalization for frontend components?

Design system normalization realigns inconsistent UI features with established tokens and spacing rules. It ensures every UI surface leverages documented design principles, interaction patterns, and accessibility expectations for perfect brand consistency.

How do I replace hard-coded styles with spacing tokens?

Replace hard-coded styles by executing a normalization plan that diagrams the replacement strategy. Apply typography, color, spacing, layout, component, interaction, responsive, and accessibility standards during refactors to retokenize UI surfaces.

Does design system normalization include accessibility review?

Yes, design system normalization includes accessibility review. It applies accessibility standards and interaction patterns during refactors to identify accessibility gaps and restore system harmony across the audited UI surfaces.

Can I realign a specific route or component with a component library?

Yes, you can realign a specific route or component by running a normalization plan. It forces a deep investigation of design principles, personas, patterns, and tokens before swapping in system components to match the established design system.

What is the best way to fix off-brand UI components?

The best way to fix off-brand UI components is to audit the chosen feature against design system tokens and deliver a plan. Swap in system components and retokenize until the feature cannot be distinguished from the rest of the application.