i-normalize

Normalize frontend UI typography, color tokens, spacing, and components to design system guidelines.

Updated Dec 30, 2025
One-click install
npx skills add https://github.com/senpapi69/ghost-hunter-dashboard --skill i-normalize-senpapi69
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: i-normalize
Source: https://github.com/senpapi69/ghost-hunter-dashboard/tree/main/.claude/skills/i-normalize
Command: npx skills add https://github.com/senpapi69/ghost-hunter-dashboard --skill i-normalize-senpapi69

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Normalize design inconsistencies across features to match the design system, ensuring cohesive UX and visuals.

Core Features & Use Cases

  • Normalize typography, color tokens, spacing, and components to align with design system guidelines.
  • Assess current UI for deviations and provide a prioritized plan for remediation.
  • Use case: bring a redesigned feature into full conformance across pages, components, and states.

Quick Start

Run the i-normalize process on the target feature after gathering design context with the i-frontend-design skill.

Frequently Asked Questions about i-normalize

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

FAQPage Schema
How do I normalize a UI feature to match a design system?

You normalize a UI feature by gathering design system context first, then applying the process to enforce typography tokens, color themes, spacing, and component patterns across the feature for full compliance.

What is design system normalization used for during a redesign?

Design system normalization is used during redesigns and component migrations to resolve visual inconsistencies, ensuring all pages, components, and states conform to cohesive UX and design guidelines.

Can I audit existing frontend components for design system deviations?

Yes, you can audit existing frontend components to assess current UI deviations from the design system, generating a prioritized remediation plan to bring the feature into full conformance.

Do I need design system documentation to enforce typography and color tokens?

Yes, you need design system documentation as required context input, because the normalization process relies on this context to accurately enforce typography, color themes, spacing, and component patterns.

What is the best way to align redesigned features with design tokens?

The best way to align redesigned features is running a normalization process that enforces design tokens and component patterns, preceded by a context gathering protocol to ensure accurate remediation.