Analyze and redesign features to align with design system standards.
npx skills add https://github.com/cinjoff/fhhs-skills --skill normalize-cinjoff
Please help me install this Agent Skill. Skill: normalize Source: https://github.com/cinjoff/fhhs-skills/tree/main/.claude/skills/normalize Command: npx skills add https://github.com/cinjoff/fhhs-skills --skill normalize-cinjoff
This Skill ensures that user interfaces and features consistently adhere to established design system standards, improving brand coherence and user experience.
Normalize the current feature to match our design system standards.
High-intent search queries and answers about installing and using this skill.
To align feature designs with a design system, you analyze and refactor custom UI elements to use approved design tokens and patterns. This enforces consistency in typography, color, spacing, and components to match predefined styles.
Yes, you can fix UI consistency issues by correcting deviations in typography, color, spacing, and layout. The process analyzes features and redesigns them to strictly enforce established design system aesthetics and patterns.
The best way to refactor custom styled components is to analyze their current styling and map them to predefined design tokens. This ensures adherence to accessibility and progressive disclosure principles while enforcing UI consistency.
Aligning features with a design system significantly improves brand coherence and UX standardization. It ensures user interfaces consistently adhere to established standards for typography, color, motion, and responsiveness.
The design system alignment process handles responsiveness and accessibility by enforcing established standards during the redesign phase. It ensures adherence to accessibility principles and corrects deviations in responsive layout patterns.
You need to normalize a feature against your design system when a new feature is developed with custom styling. This process refactors its UI elements to ensure user interfaces consistently adhere to established design system standards and aesthetics.
HemanthTennetiNormalize frontend UI components to match design system standards and tokens.
zm2231Generate markdown style guides with token documentation and component catalogs.
fanthusGenerate frontend interfaces with design guidance and HTML/CSS/JS or React code.
tanujsutariaAudit SwiftUI views for hardcoded colors, spacing, and typography.
