skills.rest
thongdn-it
thongdn-itCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

web-design-guidelines

Evaluate UI code against Web Interface Guidelines for accessibility and usability.

3|1|Updated Jan 27, 2026
Search Tags:#accessibility#guidelines#web-design#ui-review#conformance#ux-audit
One-click install
npx skills add https://github.com/thongdn-it/react-agent-skills --skill web-design-guidelines-thongdn-it
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/thongdn-it/react-agent-skills/tree/main/skills/web-design-guidelines
Command: npx skills add https://github.com/thongdn-it/react-agent-skills --skill web-design-guidelines-thongdn-it

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Review UI code for Web Interface Guidelines compliance, helping teams identify accessibility, usability, and consistency gaps early in the development process.

Core Features & Use Cases

  • Fetch the latest guidelines from the official source and apply them to your UI assets.
  • Read target files or patterns, run checks against all guidelines, and surface findings in a terse, searchable format.
  • Use Case: perform accessibility audits, UX reviews, and design conformance checks across web interfaces.

Quick Start

Provide the target files or patterns, and I will fetch the latest guidelines and evaluate them against your 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 web UI code for accessibility and conformance?▼

To audit web UI code for accessibility and conformance, provide your target files or patterns. The tool fetches the latest official Web Interface Guidelines, reads your files, and reports accessibility, usability, and consistency findings in a structured, actionable format.

What is a UX review for web interface guidelines?▼

A UX review for web interface guidelines is an evaluation of UI code against official standards to identify usability, accessibility, and visual consistency gaps. It checks web apps, pages, and components for conformance and surfaces actionable findings.

Can I check design conformance across multiple web pages and components?▼

Yes, you can check design conformance across multiple web pages and components. By providing target file patterns, the tool reads all matching UI assets and evaluates them against fetched guidelines to ensure broad accessibility and consistency coverage.

Does the accessibility audit work with existing web apps?▼

Yes, the accessibility audit works with existing web apps, pages, and components. You provide the target files, and it evaluates your current UI code against up-to-date Web Interface Guidelines to surface conformance and usability gaps.

What's the best way to ensure web design consistency during development?▼

The best way to ensure web design consistency during development is running UI code checks against official Web Interface Guidelines. Fetching the latest standards and evaluating target files early helps teams identify and fix visual conformance gaps before deployment.

Related Skills

Explore More Design & Creative Skills→
junaid-ali-rukjunaid-ali-ruk

web-design-guidelines

Analyze UI code against Web Interface Guidelines and report compliance gaps.

Community
Basic
JaimeJunrJaimeJunr
2

web-design-guidelines

Audit UI code against official Web Interface Guidelines and report violations in file:line format.

Community
Intermediate
dthompsonfldthompsonfl

ui-design-system

Define and enforce a reusable UI design system for web interfaces.

Community
Advanced
HouseofmvpsHouseofmvps
115

a11y

Detect and fix deterministic WCAG 2.2 A/AA accessibility violations in HTML files.

Community
Advanced