normalize

Normalize a feature or page to align with design system standards.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill ensures that a specific feature or page in a design adheres strictly to the established design system, resolving inconsistencies and improving overall product cohesion.

Core Features & Use Cases

  • Design System Adherence: Analyzes and refactors UI elements to match predefined design tokens, components, and patterns.
  • Consistency Enforcement: Identifies and corrects deviations in typography, color, spacing, and component usage.
  • Use Case: A new feature's UI was developed without consulting the design system. This Skill will analyze the feature and refactor its components, colors, and typography to match the company's official design guidelines.

Quick Start

Normalize the user profile page to match 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 an existing UI feature with our design system?

To align an existing UI feature with your design system, you must analyze the current implementation and design system documentation to refactor typography, color, spacing, and components. This resolves inconsistencies and improves product cohesion.

What is design system normalization for UI components?

Design system normalization is the process of auditing and refactoring UI elements to strictly match predefined design tokens, components, and patterns. It corrects deviations in typography, color, spacing, motion, and accessibility.

How do I fix UI inconsistencies in a new feature page?

To fix UI inconsistencies in a new feature page, execute a normalization plan that analyzes the current implementation against design system standards. It corrects deviations in typography, color, spacing, and component usage.

Can I use this to refactor accessibility and responsiveness?

Yes, you can use this normalization process to refactor accessibility and responsiveness. It analyzes the current feature implementation and corrects deviations to match established design system principles and patterns.

What do I need to normalize a design system feature?

To normalize a design system feature, you need the design system documentation and the current feature implementation. Thorough analysis of both is required to create and execute a precise normalization plan.

When should I normalize a page instead of rebuilding it?

You should normalize a page when a feature was developed without consulting the design system but functions correctly. It refactors the existing components, colors, and typography to match official guidelines without a full rebuild.