normalize

Align frontend components and styles to design-system tokens and primitives.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/indigoai-us/hq --skill normalize-indigoai-us
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: normalize
Source: https://github.com/indigoai-us/hq/tree/main/template/workers/public/impeccable-designer/skills/normalize
Command: npx skills add https://github.com/indigoai-us/hq --skill normalize-indigoai-us

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Normalize design to match your design system and ensure consistency across features.

Core Features & Use Cases

  • Align components to design tokens and patterns
  • Evaluate current implementations for token usage and accessibility
  • Create a plan to replace one-off styles with design-system primitives

Quick Start

Describe the target feature and run the normalization to align its styling with the design system.

Frequently Asked Questions about normalize

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

FAQPage Schema
How do I align UI components to a design system at scale?

To align UI components to a design system at scale, you need a clear design system context with token definitions to replace custom styles with tokenized, accessible primitives across pages and routes.

How do I reduce visual debt and style divergence across frontend features?

Reduce visual debt and style divergence by evaluating current implementations for token usage and replacing one-off styles with design-system primitives to ensure consistency across features.

What do I need to normalize frontend styling with design tokens?

To normalize frontend styling with design tokens, you need clear design system context, token definitions, and a plan for replacing custom styles with design-system primitives.

Can I evaluate current UI implementations for design token accessibility?

Yes, you can evaluate current UI implementations for design token accessibility by assessing token usage and aligning components to design patterns within your frontend application.

What is the best way to replace one-off custom styles with design-system primitives?

The best way to replace one-off custom styles with design-system primitives is to create a targeted normalization plan that maps existing styles to your tokenized design system context.

When should I normalize design components to match my design system?

You should normalize design components to match your design system when frontend applications require tokenized, accessible styling and show significant visual debt or divergence across features.