Normalize UI components to align with design-system tokens and guidelines.
npx skills add https://github.com/Davie521/claude-skills --skill normalize-davie521
Please help me install this Agent Skill. Skill: normalize Source: https://github.com/Davie521/claude-skills/tree/main/plugins/design/skills/normalize Command: npx skills add https://github.com/Davie521/claude-skills --skill normalize-davie521
Normalizes a UI component or feature to align with the design system, addressing drift in typography, spacing, color, and patterns.
Describe the feature you want normalized and I will begin the design-system alignment process.
High-intent search queries and answers about installing and using this skill.
To realign UI components to design-system tokens, audit current typography, spacing, and color usage against system patterns, then apply token-based updates to correct deviations and enforce strict UI consistency.
Design-system drift in typography and spacing occurs when UI components deviate from established tokens and patterns during updates or refactors, requiring an alignment process to restore strict design-system adherence.
Audit your current UI for color token and component pattern deviations by mapping existing feature styles against design-system guidelines, identifying inconsistencies, and proposing token-based updates to correct them.
Yes, normalizing UI components enforces accessibility requirements by applying strict design-system guidelines and token-based styling to ensure features meet necessary accessibility standards during the alignment process.
The best way to fix inconsistent spacing and typography across routes is to normalize the affected UI features by replacing hardcoded values with strict design-system tokens, ensuring consistent UI patterns application-wide.
You should normalize a UI feature against design-system standards after completing refactors that introduce drift, or when auditing existing pages reveals deviations in typography, spacing, color tokens, and component patterns.
endlessblinkReplace hardcoded values with design tokens and standardize UI components.
Elliot-TangSNormalize UI features to design system tokens and component patterns.
murphytruemanGenerate CI/CD pipeline configurations for design system quality checks.
amarnath3003Recreate a neumorphic Control Console design system with Tailwind CSS and React components.
