Audit and realign UI features to design system standards.
npx skills add https://github.com/HAR5HA-7663/Claude-Skills --skill normalize-har5ha-7663
Please help me install this Agent Skill. Skill: normalize Source: https://github.com/HAR5HA-7663/Claude-Skills/tree/main/normalize Command: npx skills add https://github.com/HAR5HA-7663/Claude-Skills --skill normalize-har5ha-7663
Audits and realigns UI to match design system standards, spacing, tokens, and patterns. Use when a feature shows consistency issues, design drift, mismatched styles, token usage, or needs alignment with the system.
Describe the UI feature to normalize so the agent can align it with the design system.
High-intent search queries and answers about installing and using this skill.
To fix design drift in a UI feature, audit typography, color, spacing, and token usage, then replace custom styles with design system components through a structured Plan-Execute-Clean Up workflow to realign the interface.
Design system normalization is the process of auditing and realigning UI components to match established standards, ensuring typography, color, spacing, accessibility, and responsive behavior are consistent across pages or routes.
You audit UI for design token mismatches by running a conformance check that identifies deviations in typography, color, spacing, and component usage, followed by replacing mismatched custom styles with correct design system tokens.
Yes, the normalization workflow simultaneously ensures accessibility and responsive behavior are aligned while replacing custom visual styles with proper design system tokens and components.
The best way to realign UI components is using a structured Plan-Execute-Clean Up process that audits deviations, proposes changes, and replaces inconsistent patterns with matching design system tokens and components.
You need to run a UI normalization workflow when a feature exhibits consistency issues, design drift, mismatched styles, or incorrect token usage that requires alignment with the established design system.
Higashi-KotaAudit design token architecture and generate a refactoring plan.
WellApp-aiAlign UI decisions with design system tokens, Storybook stories, and codebase patterns.
deadhearth01Replace hard-coded UI styles with design system tokens.
oborchersManage design tokens across primitive, semantic, and component layers using atomic design principles.
