Normalize feature UI typography, color, spacing, and components to design system tokens.
npx skills add https://github.com/pbakaus/impeccable --skill normalize-pbakaus
Please help me install this Agent Skill. Skill: normalize Source: https://github.com/pbakaus/impeccable/tree/main/source/skills/normalize Command: npx skills add https://github.com/pbakaus/impeccable --skill normalize-pbakaus
Inconsistent UI across features makes it hard to maintain a cohesive user experience and drifts away from the design system.
Normalize the feature to align typography, color, spacing, and components with the design system tokens.
High-intent search queries and answers about installing and using this skill.
To fix inconsistent UI, you normalize typography, color, spacing, and component usage to align with your design system tokens. This process applies established patterns across pages and routes to ensure a cohesive user experience without regressive changes.
Design system token normalization is the process of enforcing consistent typography, color, spacing, and motion across features. It consolidates reusable patterns to maintain UI consistency and accessibility criteria across onboarding screens, dashboards, and settings pages.
You enforce accessibility criteria and responsive behavior by applying design-token usage across your feature's UI. This normalization ensures components adhere to established system patterns, maintaining non-regressive changes while consolidating reusable UI elements.
Yes, you can normalize UI consistency for dashboards, settings pages, and onboarding screens. It aligns typography, color, spacing, and component usage with design system tokens to maintain a cohesive user experience across these specific use cases.
Yes, normalizing UI components prevents non-regressive changes by enforcing design-token usage and established patterns. It ensures that updates to typography, color, spacing, and motion maintain strict alignment with the design system's accessibility criteria.
mheersAnalyze feature implementations against design-system guidelines and apply normalization plans.
telum-aiValidate UI components against design tokens and WCAG AA standards.
vladimir-shirmanovAlign a feature's UI with design-system tokens and components.
TheBushidoCollectiveAutomate creation and publishing of custom ESLint rules and plugins.
