Normalize UI features to match design system tokens and patterns.
npx skills add https://github.com/180VRisLife/.claude --skill dsg-normalize
Please help me install this Agent Skill. Skill: dsg-normalize Source: https://github.com/180VRisLife/.claude/tree/main/skills/dsg-normalize Command: npx skills add https://github.com/180VRisLife/.claude --skill dsg-normalize
Normalize a feature or page to match the design system's tokens and patterns.
Provide the feature details and I will generate a plan to normalize it to the design system.
High-intent search queries and answers about installing and using this skill.
To normalize a UI feature, provide the feature details to generate a plan that aligns typography, color, spacing, and motion to your design tokens. This process replaces custom styles with system components to ensure UI consistency across product surfaces.
Design system normalization is the process of aligning misaligned UI pages, routes, and components to established design tokens and patterns. It consolidates styling by replacing custom styles with system components and verifying contrast and focus states.
Fix misaligned typography and color by applying a normalization plan that maps custom styles to your design system tokens. This ensures UI consistency by verifying contrast, focus states, and applying system components across the feature.
You need to consolidate custom styles with design tokens when a new feature does not align with your design system. Normalizing the feature ensures UI consistency by replacing custom styles with system components and verifying accessibility.
Yes, UI normalization verifies contrast and focus states to ensure accessibility across product surfaces. The normalization plan consolidates styling with design tokens and replaces custom styles with system components to meet accessibility requirements.
Yes, you can normalize spacing and motion patterns across multiple pages, routes, and components. The process aligns these properties to design tokens, transforming misaligned UI into system-consistent patterns and documenting the normalization plan.
qazuorGuide UI teams through pre-coding design foundations for typography, color, and layout.
The-Vibe-CompanyAlign UI features to design system tokens, typography, color, and spacing.
SuperCorksEnforce typography, spacing, color contrast, and interaction states in frontend UI design workflows.
Bloodrey41Audit UI implementations and realign typography, color, spacing, and tokens to the design system.
