Substitute design tokens for hard-coded UI values to align with the design system.
npx skills add https://github.com/oriys/domino --skill normalize-oriys
Please help me install this Agent Skill. Skill: normalize Source: https://github.com/oriys/domino/tree/main/.agents/skills/normalize Command: npx skills add https://github.com/oriys/domino --skill normalize-oriys
Design teams struggle with UI inconsistencies as components, typography, colors, and spacing diverge from the official design system, creating fragmented user experiences and higher maintenance costs.
Normalize the given feature to align with our design system tokens.
High-intent search queries and answers about installing and using this skill.
To align UI features with a design system, you normalize typography, color, spacing, and components by substituting hard-coded values with design tokens. This requires up-to-date design-system documentation to guide the normalization and verify conformance.
The best way to fix UI inconsistencies is to discover deviations across typography, color, spacing, and component usage, then validate them against design system guidelines. Replacing hard-coded values with tokens ensures a consistent user experience across pages.
Yes, up-to-date design-system documentation and token references are required to normalize UI components. These references guide the substitution of hard-coded values and verify conformance across typography, color, spacing, and accessibility patterns.
Yes, you can validate accessibility and interaction patterns when aligning features to a design system. The normalization process checks accessibility alongside typography, color, and spacing to verify conformance with design system guidelines across pages.
You update hard-coded spacing and typography by substituting them with design tokens. This token-based update process aligns your feature's spacing, typography, and color palettes with the official design system, eliminating fragmented user experiences.
samcannasAlign UI components to design tokens for spacing, typography, and color.
luisartolaAlign frontend components with design system tokens for typography, color, spacing, and accessibility.
ChoshimWyAggregate cross-domain UI/UX guidance into design system recommendations.
kaikunnnnCentralize design tokens for UI consistency in Next.js applications.
