skills.rest
techwithanirudh
techwithanirudhCOMMUNITY
Explore all skills by this author →
Website𝕏@AnirudhWithGitHub

web-design-guidelines

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

3|Updated Feb 28, 2026
Search Tags:#accessibility#frontend#usability#ui-review#web-guidelines#design-compliance
One-click install
npx skills add https://github.com/techwithanirudh/ev3-ai --skill web-design-guidelines-techwithanirudh
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/techwithanirudh/ev3-ai/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/techwithanirudh/ev3-ai --skill web-design-guidelines-techwithanirudh

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Review UI code for Web Interface Guidelines compliance. It helps teams ensure interfaces meet accessibility, usability, and visual design standards, reducing rework and improving user experience.

Core Features & Use Cases

  • Automated checks against the Web Interface Guidelines for HTML/CSS/JS codebases
  • Accessibility, contrast, keyboard navigation, and semantic markup validation
  • Use Case: when reviewing a UI implementation or auditing a site for best-practice conformance

Quick Start

Provide a file path or pattern and let the AI fetch the guidelines to analyze the UI files.

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

You can audit UI code for web guidelines compliance by providing a file path or pattern. The AI fetches the latest Web Interface Guidelines and outputs actionable findings with specific file references for your HTML, CSS, and JavaScript codebase.

What does a UI review for web guidelines typically check?▼

A UI review for web guidelines checks accessibility, contrast, keyboard navigation, and semantic markup validation. It assesses HTML, CSS, and JavaScript codebases against Web Interface Guidelines to ensure usability and visual design consistency.

Can I use an automated check to audit a component library for usability and design consistency?▼

Yes, you can use automated checks to audit a component library for usability and design consistency. The review fetches Web Interface Guidelines and applies them to your specified web project files to produce actionable findings.

How do I validate keyboard navigation and semantic markup in my web project?▼

To validate keyboard navigation and semantic markup, run an audit against the Web Interface Guidelines using your web project's file paths. The analysis outputs actionable findings with file references for any compliance issues found.

Does this UI audit work with JavaScript files or only HTML and CSS?▼

This UI audit works with HTML, CSS, and JavaScript files. It reviews your entire web project or component library against the fetched Web Interface Guidelines to ensure accessibility, usability, and design compliance.

Related Skills

Explore More Design & Creative Skills→
JetBrainsJetBrains
302

web-design-guidelines

Fetch web interface guidelines and validate HTML, CSS, and JS files for noncompliant UI patterns.

Official
Intermediate
mburumaxwellmburumaxwell
240

web-design-guidelines

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

Community
Basic
hdkz-devhdkz-dev

accessibility-ally

Audit web applications for semantic HTML, keyboard navigation, and color contrast issues.

Community
Intermediate
angelriera-devangelriera-dev

web-design-guidelines

Audit UI code against the latest Web Interface Guidelines.

Community
Intermediate