Normalize typography, color, spacing, and components to match design tokens.
npx skills add https://github.com/jkhowland/jkhowland --skill normalize-jkhowland
Please help me install this Agent Skill. Skill: normalize Source: https://github.com/jkhowland/jkhowland/tree/main/.claude/skills/normalize Command: npx skills add https://github.com/jkhowland/jkhowland --skill normalize-jkhowland
This Skill helps you ensure UI work aligns with the design system, reducing drift and maintaining consistency across features, components, and visual language.
Begin by mapping the feature to design tokens and replacing custom styles with system components.
High-intent search queries and answers about installing and using this skill.
To normalize UI components, map the feature to design tokens and replace custom styles with system components. This process aligns typography, color, and spacing to ensure consistent UX across the product.
Design system drift occurs when UI work deviates from established guidelines. You fix it by normalizing typography, color, spacing, and component usage to match tokenized design values, reducing visual inconsistencies.
Enforce accessibility and responsiveness by applying system-driven contrast, focus states, and responsive patterns. This requires tokenized design values to be implemented throughout the feature's components and interactions.
Yes, you need tokenized design values to align frontend components. This Skill requires tokenized values, accessibility considerations, and responsive patterns to normalize typography and color effectively.
The best way to fix design system deviations is to normalize pages, routes, and interactions by mapping features to design tokens. This identifies inconsistencies and replaces custom styles with system components.
luanzebaIdentify reusable UI patterns and propose design tokens for design-system repositories.
sfdc-brendanApply composable UX patterns and accessible interactions to Salesforce Lightning Web Components.
a7gardenDocument and enforce CoHalo's frontend design language across components, tokens, typography, and patterns.
gileckAudit repository deviations from guidelines and architecture rules without code changes.
