skills.rest
omeragaakbas
omeragaakbasCOMMUNITY
Explore all skills by this author →
GitHub

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
One-click install
npx skills add https://github.com/omeragaakbas/zoyare --skill web-design-guidelines-omeragaakbas
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
uzh-bfuzh-bf
41

web-design-guidelines

Audit HTML, CSS, and JavaScript UI code against Web Interface Guidelines.

Official
Basic
nweiinweii
7

web-design-guidelines

Audit HTML, CSS, and JavaScript UI code against Web Interface Guidelines.

Community
Intermediate
markky21markky21

web-design-guidelines

Review HTML, CSS, and JS files against Web Interface Guidelines.

Community
Basic
nirukk52nirukk52
1

web-design-guidelines

Validate HTML, CSS, and JS files against Web Interface Guidelines.

Community
Basic