Normalize UI components to conform with design system tokens.
npx skills add https://github.com/Kevin-Mok/ai-cli-dotfiles --skill normalize-kevin-mok
Please help me install this Agent Skill. Skill: normalize Source: https://github.com/Kevin-Mok/ai-cli-dotfiles/tree/main/dot_agents/skills/normalize Command: npx skills add https://github.com/Kevin-Mok/ai-cli-dotfiles --skill normalize-kevin-mok
Normalize design to match your design system and ensure consistency across UI components, tokens, typography, spacing, and accessibility.
Normalize the current feature to conform with the design system guidelines.
High-intent search queries and answers about installing and using this skill.
To normalize UI components, replace hard-coded values with design tokens for typography, color, and spacing. This ensures consistency across web and app features by aligning them with established design system guidelines.
Design token normalization replaces hard-coded values with standardized tokens across components. You need it when UI features contain inconsistent typography, color, or spacing, ensuring accessibility and alignment with your design system.
Auditing a feature for design system consistency involves applying a normalization process that identifies non-compliant typography, color, and spacing. It generates a concrete normalization plan with actionable implementation steps for your team.
Yes, you can normalize spacing, typography, and color across both web and app features. The process leverages design tokens to ensure all UI components conform to the design system guidelines.
The best way to replace hard-coded values is through a structured normalization plan. This requires gathering context on current UI components, applying design tokens, and generating a clear implementation path for the team.
Your UI feature lacks consistency because of hard-coded values instead of design tokens. Normalizing typography, color, and spacing aligns the feature with your design system, resolving discrepancies and ensuring accessibility.
Tea-4-LifeNormalize frontend UI features by replacing hard-coded values with design tokens.
samcannasAlign UI components to design tokens for spacing, typography, and color.
alo-expAudit design-system components, tokens, and patterns for consistency.
nidhalboumaiza-0Convert UI style requirements into frontend code with a tokens-first design system.
