Normalize UI designs to align with established design system tokens.
npx skills add https://github.com/tuanemuy/dotfiles --skill normalize-tuanemuy
Please help me install this Agent Skill. Skill: normalize Source: https://github.com/tuanemuy/dotfiles/tree/main/config/claude/skills/normalize Command: npx skills add https://github.com/tuanemuy/dotfiles --skill normalize-tuanemuy
This skill helps teams ensure UI consistency by aligning designs with the established design system, eliminating drift across components and screens.
Analyze the current UI to identify deviations, then implement a design-system-aligned normalization pass.
High-intent search queries and answers about installing and using this skill.
Align UI designs by identifying deviations across components and screens, then applying a normalization pass to enforce design tokens and system-aligned patterns for consistent visuals. This process restores coherence across typography, color, and spacing.
A design system normalization pass analyzes multiple pages or screens to detect hard-coded styles, then replaces them with token-based equivalents to achieve coherent visuals and consistent UX across the product.
Replace hard-coded styles by analyzing the current UI to identify deviations, then implementing design-system-aligned equivalents that map typography, color, and spacing to established tokens without introducing deviations.
Yes, accessibility considerations are enforced during UI normalization by satisfying requirements for using design tokens and applying system-aligned interactive patterns across components to ensure consistent and accessible UX.
Fix design system drift by running a normalization pass across diverging pages to identify inconsistencies, then iteratively refining typography, color, and spacing to align with the established design tokens and guidelines.
Yes, UI normalization applies to component patterns by identifying and aligning interactive patterns across multiple pages or screens with the established design system to enable consistent UX and visuals.
MuccariniAlign frontend UI components with design system tokens and document normalization.
MuduiClawGenerate specifications, design tokens, React components, and export packages for product design handoff.
johnlindquistManage design tokens and export them to CSS, JSON, and Tailwind config.
tanujsutariaAudit SwiftUI views for hardcoded colors, spacing, and typography.
