normalize
Audits and realigns UI to match design system standards, spacing, tokens, and patterns. Use when the user mentions consistency, design drift, mismatched styles, tokens, or wants to bring a feature back in line with the system.
Security Assessment
About normalize
The 'normalize' skill is designed to audit and realign user interfaces to ensure they match the established design system standards. This includes addressing issues like design drift, mismatched styles, and token inconsistencies. By using this skill, users can ensure that their features are consistent with a centralized design language, improving both the aesthetic and functional quality of the product. It is particularly useful when a feature appears out of sync with the overall design or when an update is needed to adhere to modern UI standards.
FAQ
How do I use the 'normalize' skill?
To use the 'normalize' skill, invoke it with the name of the feature you wish to realign, such as a page, route, or component. Make sure to follow the mandatory preparation steps, including running the 'impeccable' command for context gathering.
Is the 'normalize' skill compatible with all design systems?
Yes, the 'normalize' skill is compatible with any design system, as long as the design principles, tokens, and components are clearly defined and accessible for use.
What are the main requirements for using 'normalize'?
Before using 'normalize', you must run the 'impeccable' command to gather the necessary context and ensure you understand the design system. If no design context exists, you will need to run 'impeccable teach' first.
What if the design system is unclear or incomplete?
If something isn't clear in the design system, it is important to ask for clarification rather than guessing. The skill emphasizes understanding the design principles thoroughly before proceeding.
Are there any limitations with the 'normalize' skill?
The 'normalize' skill is focused on aligning with existing design systems. It cannot create new components or patterns if they don't already exist within the design system. It also requires careful attention to accessibility and UX consistency.
Install normalize
Quick Setup:
- Copy the skill folder to
.claude/skills/ - Claude will automatically detect and use the skill
Repository
pbakaus/impeccable