skills.rest
rohunj
rohunjCOMMUNITY
Explore all skills by this author →
Website𝕏@rohunjauharGitHub

web-design-guidelines

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

Related Skills

Explore More Design & Creative Skills→
xvawlxvawl
1

web-design-guidelines

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

Community
Intermediate
agoudbgagoudbg
7

web-design-guidelines

Audits selected files for UI accessibility and design-rule violations.

Community
Intermediate
elijahmurrayelijahmurray
2

pr-review

Check out pull request branches, review code changes, and apply feedback.

Community
Basic
CrumbgrabberCrumbgrabber
3

webapp-testing

Automate local web application testing with Python Playwright scripts.

Community
Intermediate