normalize

Analyze and redesign features to conform to design system standards.

Updated Feb 11, 2026

Search Tags:#design system #design tokens #frontend development #ui consistency #component standardization #ux/ui alignment

Ready to run

npx skills add https://github.com/angelcreative/titan-foundations --skill normalize-angelcreative

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: normalize
Source: https://github.com/angelcreative/titan-foundations/tree/main/impeccable/.cursor/skills/normalize
Command: npx skills add https://github.com/angelcreative/titan-foundations --skill normalize-angelcreative

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill ensures that features and components adhere strictly to established design system standards, resolving inconsistencies and improving overall product cohesion.

Core Features & Use Cases

Design System Auditing: Identifies deviations from defined principles, tokens, and patterns.
Component Standardization: Replaces custom implementations with approved design system components.
Token Application: Enforces the use of design tokens for typography, color, and spacing.
Use Case: A newly developed feature uses a slightly different button style and font size than the rest of the application. This Skill will identify these discrepancies and update them to match the design system's button component and typographic scale.

Quick Start

Normalize the 'user-profile-card' component to align 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 existing UI components with my design system standards?▼

To align UI components with design system standards, the Skill audits existing features for deviations in typography, color, and spacing. It generates a normalization plan that replaces custom implementations with approved design tokens and system components, ensuring strict UI consistency.

What is the best way to enforce design tokens for frontend development?▼

Enforcing design tokens for frontend development involves analyzing current deviations and systematically applying defined tokens for typography, color, and spacing. This process replaces inconsistent custom values with standardized design tokens to maintain strict visual cohesion across the application.

How do I audit a feature for design system deviations before standardizing components?▼

Auditing a feature for design system deviations involves discovering the established design system and analyzing current implementations against its principles. The process identifies discrepancies in components, layout, motion, and accessibility before creating a systematic normalization plan to correct them.

Can I fix UI inconsistencies and clean up orphaned code at the same time?▼

You can fix UI inconsistencies and clean up orphaned code simultaneously during the normalization process. After executing systematic changes to apply approved components and design tokens, the Skill cleans up orphaned code left behind by the replaced custom implementations.

Does component standardization handle accessibility and motion patterns?▼

Component standardization does handle accessibility and motion patterns by analyzing and redesigning features to conform to the design system. It addresses inconsistencies across layout, components, motion, and accessibility by applying system-approved components and design tokens.