Audit UI elements for design system divergence and apply design tokens.
npx skills add https://github.com/Ikki-Group/erp --skill normalize-ikki-group
Please help me install this Agent Skill. Skill: normalize Source: https://github.com/Ikki-Group/erp/tree/main/.agents/skills/normalize Command: npx skills add https://github.com/Ikki-Group/erp --skill normalize-ikki-group
Audits UI for consistency with design system standards, correcting spacing, tokens, and patterns. Use when users mention consistency, design drift, mismatched styles, tokens, or want to bring a feature back in line with the system.
Follow the Design System Context Gathering Protocol to assess and realign the feature to system standards.
High-intent search queries and answers about installing and using this skill.
To fix UI consistency issues, you must audit your pages for visual drift and replace hard-coded values with design tokens. This process identifies divergent elements and applies system equivalents for typography, color, and spacing to restore alignment.
Design drift occurs when UI elements diverge from established design system standards during rapid iteration. You should normalize your feature's UI components when you notice mismatched styles, spacing inconsistencies, or patterns that no longer match your system guidelines.
Auditing mismatched typography and spacing tokens requires identifying all UI elements that diverge from your design system. You prepare a normalization plan to map hard-coded values to system equivalents, ensuring accessibility and consistency across all routes.
Yes, you can apply design system tokens across multiple pages and features without breaking accessibility. By running front-end design principles and following a Context Gathering Protocol before applying changes, you ensure updates maintain both system consistency and accessibility standards.
The best way to refactor hard-coded UI styles is to systematically identify deviations across pages and features, then prepare a normalization plan. This plan replaces hard-coded values with standard tokens for typography, color, spacing, and components, reducing visual drift.
jatwell93Audit and realign UI to match design system standards using tokens.
adamaltmejdCapture and inspect rendered screenshots for visual and accessibility regression testing.
ilandahanExtract Figma design tokens and scaffold atomic UI components.
micserrManage design token usage with CSS custom properties and semantic tokens.
