web-design-guidelines

Review HTML/CSS and React components against Web Interface Guidelines.

16|1|Updated Jan 28, 2026
One-click install
npx skills add https://github.com/siberiacancode/agent-skills --skill web-design-guidelines-siberiacancode
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/siberiacancode/agent-skills/tree/main/skills/web-design-guidelines
Command: npx skills add https://github.com/siberiacancode/agent-skills --skill web-design-guidelines-siberiacancode

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

The capability helps teams verify their UI code against official Web Interface Guidelines to improve accessibility, usability, and visual consistency.

Core Features & Use Cases

  • Fetch the latest guidelines from the source URL and apply them to your UI assets.
  • Read target files or patterns, perform rule checks, and report conformance in a terse file:line format.
  • Use Case: Review a set of React components or HTML/CSS assets to ensure accessibility and design-system compliance.

Quick Start

Run the web-design-guidelines skill on your UI files to validate them against the latest guidelines.

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 React components for accessibility compliance?

You can audit React components for accessibility by running automated UI code reviews against the latest Web Interface Guidelines. The tool reads your specified files, checks them against fetched rules, and outputs conformance findings in a terse file:line format.

What is a UI audit against Web Interface Guidelines?

A UI audit against Web Interface Guidelines is an automated review of HTML, CSS, and React assets to verify accessibility and usability conformance. It fetches the latest rules from a remote source and reports findings in a terse file:line format.

Can I use this to review HTML and CSS files for design-system compliance?

Yes, you can review HTML and CSS files for design-system compliance. The audit applies to web UI assets, reading your target file patterns to perform rule checks and report conformance against the fetched guidelines.

How do I check if my web UI meets the latest accessibility guidelines?

To check if your web UI meets the latest accessibility guidelines, run an automated review on your UI assets. The tool fetches current rules from a remote source, reads your files, and outputs accessibility findings in a terse file:line format.

What format do the UI code review findings use?

The UI code review findings use a terse file:line format. This format precisely reports conformance issues found in your HTML, CSS, and React components during the accessibility and usability rule checks.

Does the UI audit require any dependencies to run?

No dependencies are required to run the UI audit. The tool fetches the latest rules directly from a remote source URL and reads your user-specified UI files to perform the accessibility and design-system conformance checks.