Refactor frontend UI styles to design system token-based values.
npx skills add https://github.com/jimiryquai/pi-agent --skill normalize-jimiryquai
Please help me install this Agent Skill. Skill: normalize Source: https://github.com/jimiryquai/pi-agent/tree/main/skills/normalize Command: npx skills add https://github.com/jimiryquai/pi-agent --skill normalize-jimiryquai
Normalize design drift by aligning a feature with the design system, ensuring consistent tokens, typography, spacing, and components across the product.
Initiate a design-system normalization by mapping the feature to tokens, refactoring styles to token-based values, and updating components to match established patterns.
High-intent search queries and answers about installing and using this skill.
Normalize design drift by auditing feature gaps in typography, color, and spacing, then replacing hard-coded values with design tokens to ensure consistent UI alignment across projects.
Design token normalization replaces hard-coded values with design system tokens, ensuring consistent naming and usage across typography, color, and spacing to eliminate visual drift.
Map feature styles to existing design system tokens, refactor hard-coded typography and color values to token-based references, and verify consistent naming across components.
Audit UI components by identifying gaps between features and the design system, aligning components to established patterns, and verifying accessibility guidelines for conformance.
Yes, generate documentation and guidelines for ongoing conformance and future refactors to ensure normalized features maintain design system alignment over time.
Yes, design system normalization requires access to existing design system tokens and the ability to refactor styles to token-based values for proper alignment.
Higashi-KotaAudit design token architecture and generate a refactoring plan.
mheersAnalyze feature implementations against design-system guidelines and apply normalization plans.
xbg-solutionsAudit and realign UI components to design system tokens and spacing standards.
adobeMigrate CSS to 2nd-gen structure with Spectrum 2 tokens and stylelint conformance.
