normalize

Align a feature's UI with design-system tokens and components.

Updated Apr 5, 2026
One-click install
npx skills add https://github.com/vladimir-shirmanov/tenax --skill normalize-vladimir-shirmanov
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: normalize
Source: https://github.com/vladimir-shirmanov/tenax/tree/main/.github/skills/normalize
Command: npx skills add https://github.com/vladimir-shirmanov/tenax --skill normalize-vladimir-shirmanov

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Normalize a feature's UI to match the design system, ensuring consistency across typography, color, spacing, components, motion, accessibility, and responsive behavior.

Core Features & Use Cases

  • Align typography, color tokens, and spacing with the design system to remove one-off styles.
  • Replace custom components with system-approved equivalents and enforce token-based styling.
  • Ensure accessibility and responsive behavior while preserving UX goals across devices.

Quick Start

Analyze the current feature against design-system guidelines and execute a normalization plan to align tokens, patterns, and components.

Frequently Asked Questions about normalize

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

FAQPage Schema
How do I align UI implementation with a design system to remove one-off styles?

To align UI implementation with a design system, you analyze the current feature against design-system guidelines and execute a normalization plan. This process replaces custom deviations by applying approved tokens for typography, color, and spacing to ensure full UX consistency.

What does normalizing a feature's UI for accessibility and responsive behavior involve?

Normalizing a feature's UI for accessibility and responsive behavior involves replacing custom components with system-approved equivalents. This enforces token-based styling across screens and devices while preserving the original UX goals and ensuring consistent interactions.

How do I replace custom UI components with design system tokens?

You replace custom UI components by analyzing the feature against design-system documentation and applying a normalization plan. This enforces token-based styling for typography, color, and spacing, substituting one-off styles with system-approved equivalents to achieve UI consistency.

When do I need to normalize UI typography and spacing tokens?

You need to normalize UI typography and spacing tokens when a feature's implementation deviates from the design system. Normalizing removes these one-off styles, aligns component behaviors, and applies design tokens to guarantee consistent UX throughout the application.

Can I use a normalization plan to enforce token-based styling across multiple screens?

Yes, you can use a normalization plan to enforce token-based styling across multiple screens. The process requires adherence to design-system documentation to align typography, color, spacing, and motion, ensuring consistent responsive behavior and accessibility across all devices.

What is the best way to ensure full UX consistency across typography, color, and motion?

The best way to ensure full UX consistency is to normalize the feature's UI by applying design tokens. This requires adherence to design-system documentation to systematically align typography, color, spacing, motion, and components, removing all deviations from the established patterns.