web-design-guidelines

Name: web-design-guidelines
Availability: InStock
Author: rohun

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

232|38|Updated Jan 18, 2026

Search Tags:#design #ui #accessibility #a11y #code-review #web-guidelines

Ready to run

npx skills add https://github.com/rohunj/claude-build-workflow --skill web-design-guidelines-rohunj

💬 Prompt for ChatGPT / Claude Chat▼

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps teams ensure web UI code adheres to the latest Web Interface Guidelines, catching accessibility and usability gaps early in development.

Core Features & Use Cases

Automated UI review: Scan HTML/CSS/JS for accessibility gaps, semantic correctness, and UI consistency.
Guideline-based auditing: Compare code against the latest Web Interface Guidelines source.
Actionable findings: Provide concise, file:line style results to guide fixes.

Quick Start

Review your project's UI files by providing a path pattern or file list to audit for guideline compliance.

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 HTML and CSS files for accessibility compliance?▼

Scan your HTML, CSS, and JavaScript assets for accessibility compliance by validating them against the latest Web Interface Guidelines. The audit outputs concise findings in a file:line format to guide fixes.

How do I check my web project code for UI design issues during a code review?▼

Check web project code for UI design issues by applying Web Interface Guidelines rules to your HTML, CSS, and JavaScript files. This identifies semantic correctness and usability gaps during code reviews.

Can I use this tool to scan single-page web apps for a11y gaps?▼

Yes, you can scan single-page web apps for a11y gaps. The validator is applicable to both single-page and multi-page applications by reading specified project assets and validating them against fetched guidelines.

What is the best way to automate design QA for web interface guidelines?▼

Automate design QA for web interface guidelines by fetching the latest rules from the source URL and applying them to your project files. The process outputs actionable findings to resolve identified UI inconsistencies.

Do I need to install dependencies to scan JavaScript assets for semantic correctness?▼

No dependencies are required to scan JavaScript assets for semantic correctness. The validator reads your specified files directly and applies the Web Interface Guidelines rules without needing external components.