skills.rest
yuribodo
yuribodoCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

web-design-guidelines

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

2|Updated Sep 9, 2025
Search Tags:#accessibility#UI#review#guidelines#code-review#web
One-click install
npx skills add https://github.com/yuribodo/givememoney-front --skill web-design-guidelines-yuribodo
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/yuribodo/givememoney-front/tree/main/.cursor/skills/web-design-guidelines
Command: npx skills add https://github.com/yuribodo/givememoney-front --skill web-design-guidelines-yuribodo

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps ensure UI components and markup comply with the Web Interface Guidelines, preventing accessibility and usability issues in web apps.

Core Features & Use Cases

  • Fetches the latest guidelines from the official source.
  • Evaluates given UI files (HTML/CSS/JS/TSX) for accessibility, semantics, and visual conformance.
  • Outputs a concise, actionable report suitable for code reviews and design audits.

Quick Start

Provide the file or pattern to review, for example: web-design-guidelines index.html or web-design-guidelines src/**/*.{html,css,tsx,js}.

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?▼

You can audit HTML and CSS for accessibility by validating files against Web Interface Guidelines. The tool fetches remote rules, checks UI components for semantic and visual conformance, and reports findings for code reviews.

What is automated UI accessibility validation for web components?▼

Automated UI accessibility validation checks HTML, CSS, and JavaScript codebases against Web Interface Guidelines. It fetches official rules, evaluates code for semantic and visual conformance, and outputs actionable findings for design audits.

Can I review TSX components for web design guideline conformance?▼

Yes, TSX components are supported for web design guideline conformance checks. The tool evaluates HTML, CSS, JS, and TSX files against Web Interface Guidelines, reporting accessibility and semantic findings for code reviews.

How do I check my web app for visual consistency and semantic markup issues?▼

To check web apps for visual consistency and semantic issues, validate UI files against Web Interface Guidelines. The tool reviews HTML, CSS, and TSX components for accessibility conformance, generating a concise report of markup findings.

Does web accessibility auditing work with existing codebases containing JavaScript UI components?▼

Yes, web accessibility auditing works with existing codebases containing JavaScript UI components. The tool evaluates HTML, CSS, JS, and TSX files against Web Interface Guidelines, reporting semantic and accessibility conformance findings.

Related Skills

Explore More Design & Creative Skills→
memorysavermemorysaver

web-design-guidelines

Audit frontend HTML/CSS/JS files against Web Interface Guidelines and output file:line remediation findings.

Community
Basic
Doyajin174Doyajin174
1

accessibility-wcag

Audit frontend codebases for WCAG 2.2 accessibility compliance.

Community
Advanced
NotWrenchNotWrench
1

web-design-guidelines

Compare UI files against Web Interface Guidelines and output violations in file:line format.

Community
Intermediate
ehylandehyland

web-design-guidelines

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

Community
Intermediate