Refactor feature design elements to align with an existing design system.
npx skills add https://github.com/tc9011/my-skills --skill normalize-tc9011
Please help me install this Agent Skill. Skill: normalize Source: https://github.com/tc9011/my-skills/tree/main/skills/normalize Command: npx skills add https://github.com/tc9011/my-skills --skill normalize-tc9011
This Skill ensures that a given feature or page adheres strictly to your established design system, resolving inconsistencies in UI, UX, and code.
Normalize the user profile page to match the design system.
High-intent search queries and answers about installing and using this skill.
To align custom UI with a design system, you must refactor typography, color, spacing, layout, components, motion, responsiveness, and accessibility against established guidelines to resolve inconsistencies. This ensures the new feature matches existing design tokens and patterns.
Design system normalization involves analyzing and refactoring UI elements like typography, color, spacing, and layout to strictly adhere to established design tokens, components, and UX patterns. It corrects deviations to ensure a unified look and feel across the application.
Yes, you can normalize a specified feature or page independently. The process analyzes and refactors the UI elements of that specific feature against established design system guidelines to ensure it adheres strictly to your design tokens and components.
The best way to fix UI inconsistencies is to perform a design system alignment that analyzes and refactors typography, color, spacing, and layout. This corrects deviations by enforcing strict adherence to established design tokens and components.
Yes, executing UI normalization requires a thorough understanding of design system principles and patterns. This knowledge is necessary to properly analyze and refactor elements like motion, responsiveness, and accessibility against established guidelines.
PavkaBrikaAudit UI against the design system and normalize spacing, typography, and tokens.
Fantasia1999Generate design tokens and export them as CSS variables.
OussemasahbeniNormalize front-end feature UI implementations to match a design system.
a29paulCreate a design system and DESIGN.md for digital products.
