normalize

Align UI components to design-system spacing, tokens and patterns across pages, routes and components.

14|1|Updated May 6, 2026
One-click install
npx skills add https://github.com/wzyxdwll/ccgx-workflow --skill normalize-wzyxdwll
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: normalize
Source: https://github.com/wzyxdwll/ccgx-workflow/tree/main/templates/skills/impeccable/normalize
Command: npx skills add https://github.com/wzyxdwll/ccgx-workflow --skill normalize-wzyxdwll

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

normalize 对齐 UI 并对齐 design system 的 spacing/tokens/patterns 标准,提升跨项目的一致性与可维护性。

Core Features & Use Cases

  • Design-system alignment: 将现有 UI 的 spacing、tokens、patterns 与设计系统完全一致。
  • 跨组件应用: 覆盖页面、路由、组件层级,确保排版、颜色、网格和交互的一致性。
  • 可操作性与回退: 提供清晰的执行计划、验证步骤,确保迭代中可追踪并可回退。

Quick Start

在下一次 UI 更新中,回顾设计系统基线并应用规范化改动以对齐 spacing、tokens 与 patterns。

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 tokens and spacing?

To align UI components with design system tokens and spacing, audit existing pages and routes to enforce consistent typography, color, layout, and interaction patterns using standardized design tokens.

What does normalizing a UI design system involve for cross-component consistency?

Normalizing a UI design system involves applying consistent spacing, tokens, and patterns across pages, routes, and components to ensure uniform typography, color, grid, and interaction design.

Can I audit and enforce accessibility requirements alongside design tokens?

Yes, you can audit and enforce accessibility requirements alongside design tokens by applying responsive rules and system patterns across components to ensure consistent and accessible interaction design.

How do I track and rollback design system alignment changes during iteration?

You can track and rollback design system alignment changes by following a clear execution plan with validation steps, ensuring iterative UI normalization is traceable and reversible.

What is the best way to ensure consistent typography and color across UI routes?

The best way to ensure consistent typography and color across UI routes is by enforcing the use of design tokens and system components, applying responsive rules and documentation for ongoing normalization.