Normalize feature styles to conform to design system tokens.
npx skills add https://github.com/aymenhamoudii/digitn-website --skill normalize-aymenhamoudii
Please help me install this Agent Skill. Skill: normalize Source: https://github.com/aymenhamoudii/digitn-website/tree/main/.qwen/skills/normalize Command: npx skills add https://github.com/aymenhamoudii/digitn-website --skill normalize-aymenhamoudii
Normalize design to match your design system and ensure consistency across UI components and patterns.
Apply the normalization plan to align the target feature with the design system.
High-intent search queries and answers about installing and using this skill.
To normalize UI components during a frontend redesign, you consolidate typography, color, spacing, and component usage to match the tokens defined in your design system. This restores consistency after styles diverge.
The best way to fix inconsistent styling is to audit features for drift and suggest token-based replacements. This ensures typography, color, and spacing strictly follow your design system's predefined tokens.
Yes, you can use design tokens to fix spacing and typography drift across responsive breakpoints. The normalization process requires component usage to follow design tokens, accessibility criteria, and responsive breakpoints.
You need to normalize a feature's styles against a design system when its styles diverge after redesigns. Applying tokens during UI cleanup restores consistency and aligns the feature with accessibility criteria.
Yes, UI normalization requires accessibility criteria and responsive breakpoints to be defined. The process mandates that typography, color, spacing, and component usage follow these constraints to ensure full design system compliance.
mrodrigues1Define visual design systems using typography, color, spacing, and iconography.
launchapp-devDefine responsive layout grids with columns, gutters, margins, and breakpoints.
hschneCritique web interfaces against design briefs and WCAG standards.
vladimir-shirmanovAlign a feature's UI with design-system tokens and components.
