Normalize UI features to design system tokens and component patterns.
npx skills add https://github.com/Elliot-TangS/EliteChain --skill normalize-elliot-tangs
Please help me install this Agent Skill. Skill: normalize Source: https://github.com/Elliot-TangS/EliteChain/tree/main/.windsurf/skills/normalize Command: npx skills add https://github.com/Elliot-TangS/EliteChain --skill normalize-elliot-tangs
Aligning features with the design system is often manual, error-prone, and leads to inconsistent user experiences across pages and components.
Inspect the current feature and run the normalization plan to align it with the design system.
High-intent search queries and answers about installing and using this skill.
Design system normalization replaces hard-coded values with design tokens for typography, color, and spacing. It maps UI elements to standard component patterns to ensure visual consistency across pages and components, eliminating manual and error-prone styling adjustments.
Replace hard-coded values by applying token-driven styling during the feature normalization process. The Skill inspects your current interface feature and applies your design system's typography, color palette, and spacing tokens to output a normalized specification and updated component references.
Yes, normalizing your UI expects access to existing design system documentation and tokens. Without providing the foundational design tokens and standards, the process cannot accurately map UI elements or output a normalized specification to align your interface features.
The best way to fix UI consistency issues is to run a normalization plan that applies token-driven styling across lacking pages. By mapping UI elements to design system component patterns, you replace inconsistent hard-coded values with a cohesive typography and color palette.
Yes, when a new feature is sketched, you can run normalization to apply design tokens for typography, color, and spacing. This outputs a normalized specification and updated component references, resulting in a cohesive look that conforms to your design system standards.
Niksh-HiremathAlign frontend UI implementations with design-system tokens and guidelines.
Tea-4-LifeNormalize frontend UI features by replacing hard-coded values with design tokens.
deadhearth01Replace hard-coded UI styles with design system tokens.
davidbasilefilhoAudit and realign UI components to match design system tokens and patterns.
