Normalize frontend feature designs to align with design system tokens and guidelines.
npx skills add https://github.com/duggal1/Sapphire-cli --skill normalize-duggal1
Please help me install this Agent Skill. Skill: normalize Source: https://github.com/duggal1/Sapphire-cli/tree/main/internal/skills/bundled/normalize Command: npx skills add https://github.com/duggal1/Sapphire-cli --skill normalize-duggal1
Normalize and align a feature's design with the established design system.
Run the frontend-design skill's Context Gathering Protocol to align this feature with the design system, then execute the normalization plan.
High-intent search queries and answers about installing and using this skill.
To align a feature's design with a design system, analyze the existing UI for deviations from design tokens and guidelines. Generate a concrete normalization plan that updates typography, color, spacing, and components to ensure consistent UI across products.
The best way to fix design token deviations is to perform a conformance check on the existing frontend UI. Identify mismatches in typography and color tokens, then apply a structured normalization plan to replace hardcoded values with system tokens.
Ensure accessibility and responsive behavior during UI normalization by including validation steps in your structured plan. Verify that typography, color contrast, and spacing adjustments meet accessibility requirements across all target screen sizes.
Yes, you can use a normalization plan to update spacing and typography across different products. It applies token-based styling to guide component updates, ensuring UX consistency and design-system conformance throughout the entire frontend feature set.
Yes, you need to run a context gathering protocol before normalizing a frontend feature. Aligning the feature with the established design system first ensures that the subsequent normalization plan accurately targets the correct token-based styling rules.
PatkikNormalize frontend UI components to match design system tokens and conventions.
aymenhamoudiiNormalize feature styles to conform to design system tokens.
aresbitAnalyze frontend UI implementations against Web Interface Guidelines and output file:line findings.
Higashi-KotaAudit design token architecture and generate a refactoring plan.
