Align frontend UI components with design system tokens and document normalization.
npx skills add https://github.com/Muccarini/automata --skill normalize-muccarini
Please help me install this Agent Skill. Skill: normalize Source: https://github.com/Muccarini/automata/tree/main/.agents/skills/normalize Command: npx skills add https://github.com/Muccarini/automata --skill normalize-muccarini
Normalize design to match your design system and ensure consistency
Begin by mapping the target feature to the design system tokens and apply typography, color, and spacing updates to normalize its UI.
High-intent search queries and answers about installing and using this skill.
Normalize UI alignment by mapping the target feature to design tokens, replacing hard-coded styles with typography, color, and spacing values to ensure visual consistency.
Fixing design system inconsistencies requires identifying deviations from typography, color, and spacing tokens, then proposing a documented normalization plan to replace one-off styles with system components.
Replace hard-coded styles with design tokens by mapping the target feature to the design system, applying token-based typography, color, and spacing updates, and documenting changes to preserve usability and DRYness.
UI normalization includes accessibility verification by checking color contrast ratios, focus states, and responsive behavior to ensure the normalized design maintains usability and compliance standards.
Normalizing UI components at scale involves documenting a normalization plan that verifies responsive behavior and focus states, ensuring token adoption preserves usability without breaking existing layouts.
OlatisunkanmiExtract reusable UI components and design tokens from front-end code and design artifacts.
nachopalmeriIdentify feature deviations and align custom styles with design system tokens.
SuperCorksEnforce typography, spacing, color contrast, and interaction states in frontend UI design workflows.
dhruvil7797Normalize UI features to design system tokens and output a remediation plan.
