Normalize feature UI to align with design-system tokens and components.
npx skills add https://github.com/mahou-labs/shiru --skill normalize-mahou-labs
Please help me install this Agent Skill. Skill: normalize Source: https://github.com/mahou-labs/shiru/tree/main/.agents/skills/normalize Command: npx skills add https://github.com/mahou-labs/shiru --skill normalize-mahou-labs
Design teams often implement features that drift from the established design system, leading to visual inconsistency, maintenance burden, and accessibility gaps. This skill provides a disciplined process to assess, plan, and execute alignment of a feature with tokens, components, and patterns.
Execute the normalization workflow on the target feature by applying the design system context gathered in the previous steps.
High-intent search queries and answers about installing and using this skill.
To align feature UI with a design system, you replace non-tokenized styles with standardized typography, color, spacing, and motion tokens. This ensures visual consistency and reduces maintenance burden across your product.
Design system normalization is the process of assessing and executing alignment of a feature with tokens, components, and UI patterns. It enforces consistent aesthetics, accessibility considerations, and behavior across real-world pages.
You refactor a UI page by applying a disciplined normalization workflow that maps non-tokenized styles to design system tokens and standardized components. This process includes auditing steps to guarantee precise alignment and accessibility.
You need to normalize typography and color tokens when a feature drifts from the established design system, causing visual inconsistency and accessibility gaps. This alignment ensures the feature matches the rest of the product.
The best way to enforce consistent component usage is applying a token-driven styling process that maps UI elements to standardized design system components. This includes auditing steps to guarantee precise alignment and behavior.
Yes, design system normalization includes accessibility considerations as part of its auditing steps. Enforcing standardized tokens and component mappings guarantees precise alignment and behavioral accessibility across real-world pages.
FldicoahkiinAudits UI and aligns typography, spacing tokens, and patterns to design system standards.
The-Vibe-CompanyAlign UI features to design system tokens, typography, color, and spacing.
rakibulismDesign or audit design token systems with primitive, semantic, and component layers.
IsthisreelEnforce design tokens for color, typography, and spacing across UI components.
