Normalize UI implementations to match a project's design system.
npx skills add https://github.com/vobase/vobase --skill normalize-vobase
Please help me install this Agent Skill. Skill: normalize Source: https://github.com/vobase/vobase/tree/main/.agents/skills/normalize Command: npx skills add https://github.com/vobase/vobase --skill normalize-vobase
This Skill identifies and removes visual and UX inconsistencies by analyzing a feature and remediating deviations so the UI strictly follows the project's design system, tokens, and component patterns.
Normalize the specified feature by replacing hard-coded styles with design tokens, substituting custom elements with shared components, aligning spacing and breakpoints to the design system, and running linting and tests to confirm no regressions.
High-intent search queries and answers about installing and using this skill.
Design system normalization refactors UI by replacing hard-coded styles with design tokens, substituting custom controls with shared components, and verifying accessibility, breakpoints, and linting to ensure strict compliance with established project patterns.
Auditing for design system deviations involves analyzing a feature to detect inconsistencies in typography, color, spacing, motion, responsiveness, and accessibility, then generating a normalization plan to remediate any identified custom or orphaned UI implementations.
Yes, you can normalize a single page or route by aligning responsive breakpoints to the design system, verifying accessibility and interaction patterns, swapping one-off UI elements for shared components, and ensuring type-checks and tests pass after changes.
During a UI refactor, you consolidate reusable pieces back into the design system, remove orphaned code left from deprecated custom elements, and execute code cleanup to ensure linting, type-checks, and tests pass without regressions.
To convert a bespoke page into a design-system-compliant page, replace custom buttons and spacing with tokenized components, ensure consistent focus states, align breakpoints, and run linting and tests to confirm no regressions.
Yes, normalizing UI components relies on design system discovery to locate and interpret existing style guides, design tokens, and shared UI components within the repository, ensuring deviations can be accurately detected and remediated.
GyananoAudit UI features against design system tokens and generate a normalization plan.
meta-pytorchRefactor Python code after tests pass to improve readability and maintainability.
zm2231Review prototypes, wireframes, and mockups for usability, accessibility, and design consistency.
bfree-trainerExtract reusable UI components, design tokens, and layout patterns from frontend codebases.
