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

Ready to run

npx skills add https://github.com/yuribodo/givememoney-front --skill web-design-guidelines-yuribodo

💬 Prompt for ChatGPT / Claude Chat▼

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.