Audit UI elements and realign them with design system tokens.
npx skills add https://github.com/huangzida/agents --skill normalize-huangzida
Please help me install this Agent Skill. Skill: normalize Source: https://github.com/huangzida/agents/tree/main/skills/normalize Command: npx skills add https://github.com/huangzida/agents --skill normalize-huangzida
The Normalize skill audits and realigns UI to match design system standards, ensuring consistent typography, spacing, tokens, and components across features and pages. It helps prevent design drift and token mismatches, returning a cohesive user interface that aligns with the established guidelines.
Run the normalization workflow on the target UI feature to align typography, spacing, tokens, and components with the design system.
High-intent search queries and answers about installing and using this skill.
To fix design drift and realign UI, audit existing interfaces against design system standards, replacing hard-coded values with design tokens for typography, color, and spacing to ensure a cohesive, responsive outcome.
The best way to replace hard-coded values is through a normalization workflow that audits UI elements, identifies token mismatches, and applies token-driven styles for typography and spacing across features and pages.
You audit UI consistency by checking features, pages, and components for pattern usage and token mismatches, realigning any design drift to match established guidelines and ensure accessible outcomes.
Yes, UI normalization works for typography and spacing token mismatches by following a Context Gathering Protocol to audit and re-sync hard-coded values with design system variants across the interface.
You need to normalize UI components when a design review reveals that a feature's UI has drifted from established guidelines, requiring realignment of typography, spacing, and component patterns to the system.
qazuorGuide UI teams through pre-coding design foundations for typography, color, and layout.
karchthoProvide expert UI/UX design guidance for frontend frameworks and design systems.
Higashi-KotaBuild accessible React UI components with design tokens and ARIA patterns.
The13thNodeEnforce standardized CSS design tokens as custom properties in component styles.
