skills.rest
harivansh-afk
harivansh-afkCOMMUNITY
Explore all skills by this author →
Website𝕏@HarivanshRathiGitHub

web-design-guidelines

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

3|Updated Jan 19, 2026
Search Tags:#accessibility#frontend#audit#web design#code-review#UI guidelines
One-click install
npx skills add https://github.com/harivansh-afk/claude-code-vertical --skill web-design-guidelines-harivansh-afk
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/harivansh-afk/claude-code-vertical/tree/main/skill-index/skills/web-design-guidelines
Command: npx skills add https://github.com/harivansh-afk/claude-code-vertical --skill web-design-guidelines-harivansh-afk

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

UI code often drifts from Web Interface Guidelines, leading to inconsistent designs, accessibility gaps, and suboptimal user experiences. This Skill helps reviewers quickly verify code against established guidelines and surface actionable improvements.

Core Features & Use Cases

  • Guideline conformance checks: Compare HTML, CSS, and JavaScript against the latest Web Interface Guidelines.
  • Accessibility & UX review: Flag contrast, keyboard navigation, ARIA roles, responsive behavior, and usability issues.
  • Use Case: A team reviews a new UI component library to ensure it meets accessibility and design standards before release.

Quick Start

Run the web-design-guidelines skill on your project files to get a concise conformance report.

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 web design guidelines?▼

You can audit UI code by running an automated review skill that fetches the latest web interface guidelines and analyzes your project files. It outputs a standardized conformance report flagging accessibility, contrast, and keyboard navigation issues.

What does an accessibility and UX review of HTML and CSS check for?▼

An accessibility and UX review checks HTML, CSS, and JavaScript to flag contrast issues, keyboard navigation gaps, missing ARIA roles, and responsive behavior problems. This process surfaces actionable improvements to ensure UI components meet established design standards.

Can I review a UI component library for guideline conformance before release?▼

Yes, you can review a UI component library for conformance by running an audit against the latest Web Interface Guidelines. This verifies that your HTML, CSS, and JavaScript assets meet accessibility and design standards before release.

How do I check my web project for ARIA roles and responsive behavior issues?▼

You can check for ARIA roles and responsive behavior issues by auditing your UI code against established Web Interface Guidelines. The audit analyzes your files and outputs findings in a standardized format to surface usability gaps.

Does this web design audit require any specific dependencies or components?▼

No, this web design audit requires no dependencies or components to function. It operates independently by fetching the latest guidelines from a remote source and analyzing your specified project files to generate a conformance report.

Related Skills

Explore More Design & Creative Skills→
Max-LooMax-Loo
2

web-design-guidelines

Check web project files against current Web Interface Guidelines.

Community
Intermediate
Insik-HanInsik-Han
16

web-design-guidelines

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

Community
Intermediate
rahmatullahbossrahmatullahboss

web-design-guidelines

Analyze web UI code against interface standards for accessibility and design issues.

Community
Intermediate
Ikki-GroupIkki-Group

web-design-guidelines

Evaluate UI code against Web Interface Guidelines and output findings in file:line format.

Official
Intermediate