Audit and realign UI features to match design system tokens and patterns.
npx skills add https://github.com/adperem/adperem.github.io --skill normalize-adperem
Please help me install this Agent Skill. Skill: normalize Source: https://github.com/adperem/adperem.github.io/tree/main/.agents/skills/normalize Command: npx skills add https://github.com/adperem/adperem.github.io --skill normalize-adperem
Audits and realigns UI to match design system standards, spacing, tokens, and patterns. Use when design drift, mismatched styles, or token inconsistencies are reported.
Run the impeccable protocol to gather context, then execute the normalization plan to align the feature with the design system.
High-intent search queries and answers about installing and using this skill.
To fix design drift, audit your UI components against design system tokens for typography, color, spacing, and patterns. Propose replacements for bespoke styles with system tokens to realign the interface and ensure visual consistency across screens.
UI normalization is the process of auditing and realigning interface features to mirror a design system's tokens, spacing, and patterns. You need to apply it when design drift, mismatched styles, or token inconsistencies are reported across platforms and browsers.
Ensure accessibility guidelines are respected by verifying typography tokens, color palettes, and component patterns during the normalization process. Apply system tokens to pages and routes to maintain visual consistency and accessibility across different states.
The best way to audit a UI feature for token inconsistencies is to inspect the interface against the design system's typography, color, and spacing scales. Execute a normalization plan to replace mismatched styles with correct component patterns.
Yes, UI normalization works for components with visual drift across browsers. It audits the reported pages and routes to apply design system spacing, color palette, and typography tokens, ensuring cross-browser visual consistency is restored.
trieloffAlign UI features with design system tokens for typography, color, and spacing.
daffy0208Convert Figma designs into React components and design tokens.
FldicoahkiinAudits UI and aligns typography, spacing tokens, and patterns to design system standards.
Lin-0096Audit UI components and create a normalization plan for design system standards.
