Enforce Azure Builder Hub UI coding standards for components and design tokens.
npx skills add https://github.com/unthinkmedia/AzureBuilderHub --skill hub-builder
Please help me install this Agent Skill. Skill: hub-builder Source: https://github.com/unthinkmedia/AzureBuilderHub/tree/main/.github/skills/hub-builder Command: npx skills add https://github.com/unthinkmedia/AzureBuilderHub --skill hub-builder
This Skill prevents common coding mistakes and ensures adherence to Azure Builder Hub's design system and coding standards, improving consistency and maintainability.
Use the hub-builder skill to ensure the new component adheres to all Azure Builder Hub coding standards.
High-intent search queries and answers about installing and using this skill.
You can enforce Azure Builder Hub coding standards by applying this skill to guide component selection, design token application, consistency checks, file structure, and pre-commit self-audits, preventing hardcoded values and inconsistent token usage.
To prevent hardcoded values and ensure design token usage in UI development, this skill mandates the application of pre-defined tokens for colors, typography, spacing, and borders, ensuring strict consistency with the Azure Builder Hub design system.
The best way to standardize custom UI implementations using Storybook is to enforce the use of pre-defined Storybook components over custom builds, which improves consistency and maintainability across the Azure Builder Hub design system.
Yes, you can use this skill to check accessibility guardrails, as it actively promotes the inclusion of necessary accessibility attributes for interactive elements during the UI development process.
Yes, this skill guides file structure enforcement by directing developers on the correct placement and naming conventions for pages and components within the Azure Builder Hub coding standards.
The limitation of relying on design tokens for UI component standardization is that it requires strict adherence to pre-defined token structures for colors and typography, preventing custom hardcoded values that might be needed for edge cases outside the Azure Builder Hub design system.
priyansh19Establish and enforce CrewSpace UI design system standards across frontend components.
NolanPicEnforce WCAG compliance in frontend UI code with semantic HTML and ARIA.
kaeligDetect hardcoded visual values in UI code and suggest design token replacements.
NoobyGainsEnforce code quality standards across pre-commit, pre-merge, and CI pipeline stages.
