Identify UI guideline violations in web code and assets.
npx skills add https://github.com/hanzoai/video --skill web-design-guidelines-hanzoai
Please help me install this Agent Skill. Skill: web-design-guidelines Source: https://github.com/hanzoai/video/tree/main/.agents/skills/web-design-guidelines Command: npx skills add https://github.com/hanzoai/video --skill web-design-guidelines-hanzoai
Web teams often struggle to ensure UI code adheres to established guidelines, resulting in inconsistencies, accessibility gaps, and suboptimal UX. This Skill helps automate a rigorous review of UI files against the latest Web Interface Guidelines, reducing manual review time and improving conformance.
Provide the UI files or a pattern to review and the skill will fetch the latest guidelines and return a compliance report.
High-intent search queries and answers about installing and using this skill.
To audit UI code for accessibility compliance, provide your web project files or a pattern to review. The tool fetches the latest Web Interface Guidelines, analyzes your codebase, and outputs violations in a concise file:line format suitable for code reviews.
Automated UX guideline validation scans UI codebases against established web interface standards to detect accessibility gaps, contrast issues, and UX inconsistencies. It reduces manual review time by surfacing precise file:line violations for immediate fixes.
Yes, you can review a UI codebase for contrast and UX alignment automatically. The validation process analyzes UI code and assets against the latest fetched guidelines to identify compliance violations and report findings in a terse file:line format.
No dependencies or special setup are required. You simply provide the UI files or a file pattern to review, and the tool will automatically fetch the latest guidelines from the official source before returning a compliance report.
The best way to identify UI guideline violations in code is to run an automated compliance check against the latest Web Interface Guidelines. It reviews UI files and assets for accessibility and UX alignment, reporting findings in a concise file:line format.
Accessibility violations are reported in a terse file:line format suitable for direct integration into code reviews. This concise reporting style pinpoints exact locations of UI guideline failures within the codebase for immediate remediation.
chris-c-thomasReview UI code against official Web Interface Guidelines and report violations in file:line format.
Citrus-bitReview UI code against the Web Interface Guidelines and output file:line violation reports.
n-marusovGenerate CI/CD pipeline configurations for GitHub Actions or GitLab CI.
fabioc-alohaAudit UI/UX designs for WCAG 2.1 AA accessibility and design token consistency.
