Normalize frontend UI elements to match design system tokens and patterns.
npx skills add https://github.com/VNFT-GROUP/vnft-hrm-portal --skill normalize-vnft-group
Please help me install this Agent Skill. Skill: normalize Source: https://github.com/VNFT-GROUP/vnft-hrm-portal/tree/main/.agents/skills/normalize Command: npx skills add https://github.com/VNFT-GROUP/vnft-hrm-portal --skill normalize-vnft-group
Normalize design to match your design system and ensure consistency.
Run normalization to align the feature's UI with design system tokens.
High-intent search queries and answers about installing and using this skill.
To align frontend UI with design system tokens, you need to normalize typography, color, spacing, and component conventions. This process replaces hard-coded styles with tokens and validates accessibility and responsive behavior across web applications.
Design system normalization is the process of analyzing frontend components to enforce design tokens and patterns. You need it when a feature's UI diverges from your design system, creating inconsistent aesthetics and user experiences across pages.
To replace hard-coded styles with design tokens, run a plan-driven normalization process across your components. This enforces token usage for typography, color, and spacing, ensuring the UI matches your established design system conventions.
Normalizing UI components validates accessibility and responsive behavior as part of the alignment process. It ensures that typography, color contrast, and spacing tokens meet design system standards while maintaining consistent UX across different screen sizes.
The best way to enforce design system patterns is through discovery and analysis across components. This plan-driven approach normalizes typography, color, spacing, and component conventions, ensuring consistent UX and token usage.
Niksh-HiremathAlign frontend UI implementations with design-system tokens and guidelines.
TheSoftwareHouseImplement accessible UI components using design tokens and semantic HTML.
MuccariniAlign frontend UI components with design system tokens and document normalization.
nidhalboumaiza-0Convert UI style requirements into frontend code with a tokens-first design system.
