Normalize UI features to design system standards using tokens and components.
npx skills add https://github.com/yahya-azeem/Pokedex --skill normalize-yahya-azeem
Please help me install this Agent Skill. Skill: normalize Source: https://github.com/yahya-azeem/Pokedex/tree/main/library/impeccable/skills/normalize Command: npx skills add https://github.com/yahya-azeem/Pokedex --skill normalize-yahya-azeem
It fixes design drift by auditing a UI feature and realigning typography, spacing, colors, tokens, and interaction patterns to match the existing design system.
Tell the AI: normalize the feature at the specified page or route so it fully matches our design system standards and patterns.
High-intent search queries and answers about installing and using this skill.
Fix design drift by auditing the UI feature to detect deviations, then realign typography, spacing, colors, and interaction patterns by replacing hard-coded values with design tokens and established component equivalents.
UI normalization is the process of conforming a feature to design system standards for consistency. You need it when inconsistencies in tokens or patterns appear across pages, routes, or components, causing visual and interactional drift.
Refactor hard-coded values by running the frontend design command to gather context, analyzing current deviations, and executing systematic replacements using design tokens while removing orphaned code and validating via lint, type-check, and tests.
Yes, UI normalization ensures accessibility requirements, responsive behavior, and interaction or motion standards fully match the rest of the product's established design system patterns during the component refactor.
Yes, you can audit design system inconsistencies across multiple pages, routes, and components to identify missing tokens, inconsistent implementations, or conceptual misalignment causing the drift.
The best way is a token- and component-driven redesign that swaps custom UI with design system equivalents, ensuring quality and accessibility normalization while preserving usability throughout the alignment process.
tunacosgunAudit UI code against the emcn design system for conformance.
whywaitaAutomate post-change build validation across Node.js, Go, Python, and Rust projects.
JaylaelikeCodify design tokens for spacing, radii, color, and typography into reusable UI guidelines.
vobaseNormalize UI implementations to match a project's design system.
