Align a feature's UI with design system tokens, components, and patterns.
npx skills add https://github.com/l0lxl0lw/dotfiles --skill normalize-l0lxl0lw
Please help me install this Agent Skill. Skill: normalize Source: https://github.com/l0lxl0lw/dotfiles/tree/main/ai/shared/skills/impeccable/normalize Command: npx skills add https://github.com/l0lxl0lw/dotfiles --skill normalize-l0lxl0lw
High-intent search queries and answers about installing and using this skill.
Run the normalize skill on the page or feature. It first discovers your design system documentation and tokens, then replaces one-off components and hard-coded values with design system equivalents across typography, color, spacing, and layout.
Normalization covers typography, color and theme tokens, spacing and layout, component replacement, motion and interaction timing, responsive breakpoints, accessibility attributes, and progressive disclosure patterns. It also removes orphaned code left over after refactoring.
No. The skill requires design context before proceeding. If no design system documentation exists in the repository, it directs you to run the teach-impeccable skill first to establish that context.
It avoids creating one-off components when design system equivalents exist. If a genuinely reusable new component is created, the cleanup phase moves it into the shared UI component path rather than leaving it local to the feature.
After normalization, the skill runs lint, type-check, and tests according to the repository's guidelines. It also checks for duplication introduced during refactoring and consolidates it to keep the code DRY.
Moliboy5000Normalize feature design elements to match an established design system.
voidcorp-coreTests a running web app through a real browser and fixes found bugs with atomic commits.
marcus-frictionIdentify and fix accessibility and UI quality gaps in Nuxt/Tailwind projects.
1IssaMohamedAlign feature UI with design-system tokens for typography, color, and spacing.
