normalize
CommunityAlign designs with your system
Design & Creative#design system#design tokens#frontend development#ui consistency#component standardization#ux refinement
AuthorAkenzz
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill ensures that a given feature or design adheres strictly to established design system standards, resolving inconsistencies in UI/UX and maintaining a cohesive brand identity.
Core Features & Use Cases
- Design System Adherence: Analyzes and modifies designs to match typography, color, spacing, and component standards.
- Consistency Enforcement: Identifies and rectifies deviations from established patterns and tokens.
- Use Case: A new feature's UI elements are visually inconsistent with the rest of the application. This Skill will analyze the feature and update its styling, components, and layout to perfectly match the company's design system.
Quick Start
Normalize the 'user-profile-card' component to match the design system.
Dependency Matrix
Required Modules
None requiredComponents
scriptsreferences
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: normalize Download link: https://github.com/Akenzz/Breaking-Bug/archive/main.zip#normalize Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.