web-design-guidelines

Identify UI code violations in HTML, CSS, and JavaScript against Web Interface Guidelines.

Updated Mar 30, 2026

Search Tags:#ui #consistency #accessibility #audit #guidelines #web-design #design-review

Ready to run

npx skills add https://github.com/omeragaakbas/zoyare --skill web-design-guidelines-omeragaakbas

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/omeragaakbas/zoyare/tree/main/.claude/skills/web-design-guidelines
Command: npx skills add https://github.com/omeragaakbas/zoyare --skill web-design-guidelines-omeragaakbas

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps teams ensure web interfaces comply with up-to-date Web Interface Guidelines, reducing accessibility gaps and UX inconsistencies.

Core Features & Use Cases

Fetch and apply the latest guidelines from a trusted source before reviews.
Read target files (HTML, CSS, JS) and verify them against the guidelines.
Output findings in a concise file:line format suitable for rapid remediation.
Use Case: QA teams can systematically validate a UI codebase for accessibility and design conformance.

Quick Start

Provide the UI files to review and fetch the latest guidelines to report violations.

Frequently Asked Questions about web-design-guidelines

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I audit UI code for accessibility and UX consistency?▼

Performing an accessibility audit involves fetching the latest Web Interface Guidelines and verifying your HTML, CSS, and JavaScript files against them. The tool outputs violations in a concise file:line format suitable for rapid remediation.

What are web interface guidelines and how do they apply to code reviews?▼

Web interface guidelines are rules for UI accessibility and UX best practices. They apply to code reviews by systematically verifying HTML, CSS, and JavaScript files against these rules to find violations and reduce UX inconsistencies.

Can I use this approach to check HTML, CSS, and JavaScript files for design conformance?▼

Yes, you can check HTML, CSS, and JavaScript files for design conformance. The process reads target files and verifies them against the latest fetched guidelines to ensure web interfaces comply with accessibility and UX standards.

What is the best way to report UI guideline violations for rapid remediation?▼

The best way to report UI guideline violations for rapid remediation is to output findings in a concise file:line format. This allows QA teams to systematically validate a UI codebase and quickly locate and fix accessibility gaps.

Do I need to manually update web design guidelines before running an accessibility audit?▼

No, you do not need to manually update web design guidelines before an accessibility audit. The process automatically fetches the latest guidelines from the source and applies all rules to the target files during the review.