Audit UI features and realign them with design system standards.
npx skills add https://github.com/niiiusburo/Tgroup --skill normalize-niiiusburo
Please help me install this Agent Skill. Skill: normalize Source: https://github.com/niiiusburo/Tgroup/tree/main/website/.agents/skills/normalize Command: npx skills add https://github.com/niiiusburo/Tgroup --skill normalize-niiiusburo
This Skill fixes UI drift by bringing pages, routes, and components back into alignment with the established design system, reducing inconsistency, one-off styling, and visual regressions.
Use the normalize skill to audit the specified feature and realign its UI with the repository design system.
High-intent search queries and answers about installing and using this skill.
To fix UI drift, you audit UI features against design system standards and realign them by replacing hard-coded values with shared tokens and approved patterns. This process reduces visual inconsistency and one-off styling across pages and routes.
The best way to replace hard-coded spacing and color values is through a token-driven refactoring process. This involves discovering your design system's established tokens, comparing feature implementations against them, and refactoring components to apply the approved token values.
You need a UI audit for typography and accessibility when a feature looks off-brand, feels inconsistent with nearby screens, or requires a full normalization pass after rushed development changes that introduced visual regressions or non-compliant elements.
Yes, you can audit and normalize responsiveness and motion across an entire route. The process evaluates layout, motion, and responsive conventions against existing standards, ensuring the entire route adheres to approved design system patterns.
Refactoring UI to match design tokens prevents visual regressions when paired with a validation and cleanup phase. Validating the refactored components against design system standards ensures the realignment does not introduce new layout or accessibility issues.
To normalize a drifted component, you perform design system discovery to identify approved layout patterns, compare the component's current implementation against those standards, and refactor the custom implementations to match established conventions.
priyansh19Establish and enforce CrewSpace UI design system standards across frontend components.
microlinkhqNormalize UI feature implementations to match an existing design system.
keystone-uiStandardize UI design token usage and component styling for Keystone UI React components.
payloadcmsAutomate UI4 CSS migration reviews and auto-correct token violations.
