Align UI components to design tokens for spacing, typography, and color.
npx skills add https://github.com/samcannas/samscode --skill normalize-samcannas
Please help me install this Agent Skill. Skill: normalize Source: https://github.com/samcannas/samscode/tree/main/skills/catalog/normalize Command: npx skills add https://github.com/samcannas/samscode --skill normalize-samcannas
Audits and realigns UI to match design system standards, spacing, tokens, and patterns, reducing design drift and ensuring a consistent user experience across features.
Invoke the normalization workflow to align the target UI with design tokens and spacing according to the design system.
High-intent search queries and answers about installing and using this skill.
To fix design drift, you normalize UI elements by enforcing token-based spacing, typography, and color usage across components. This audits deviations and applies fixes to restore consistency across pages and features.
UI normalization is the process of auditing and realigning user interface components to match established design system standards. It enforces consistent color, typography, and spacing tokens to reduce visual drift across features.
You audit UI components for design token mismatches by running a normalization workflow that detects deviations in spacing, typography, and color. The workflow proposes or applies fixes to bring components back in line with the system.
Yes, normalizing spacing and typography requires access to design-system documentation and token mappings. These inputs validate accessibility and ensure the normalization workflow applies the correct color, typography, and spacing standards.
Yes, you can apply design system normalization across an entire feature after updates. Invoking the normalization workflow realigns all target UI elements with the correct design tokens, restoring system-wide consistency.
You should avoid using a design system normalization workflow if you lack design-system documentation or token mappings for colors, typography, and spacing. Without these inputs, the workflow cannot validate accessibility or enforce consistent UI alignment.
yonetim258852Convert a URL or DESIGN.md into a structured UI specification with design tokens.
act70255Validate UI components for visual consistency, design system compliance, and accessibility.
davidbasilefilhoAudit and realign UI components to match design system tokens and patterns.
Niksh-HiremathAlign frontend UI implementations with design-system tokens and guidelines.
