skills.rest
congthang12312
congthang12312COMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Audit UI code against Web Interface Guidelines and report violations.

Updated Mar 19, 2026
Search Tags:#ui#accessibility#audit#compliance#guidelines#ux#web-design
One-click install
npx skills add https://github.com/congthang12312/Sentinel-AI-test --skill web-design-guidelines-congthang12312
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/congthang12312/Sentinel-AI-test/tree/main/.agent/skills/web-design-guidelines
Command: npx skills add https://github.com/congthang12312/Sentinel-AI-test --skill web-design-guidelines-congthang12312

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Review UI code for Web Interface Guidelines compliance, ensuring accessibility, usability, and consistency across projects.

Core Features & Use Cases

  • Fetch the latest Web Interface Guidelines from the official source.
  • Inspect specified UI files or patterns for conformance to accessibility and design standards.
  • Return concise, actionable findings suitable for design reviews and PR checks.

Quick Start

Provide the target UI files or patterns to review and run the guidelines check to receive a compliance 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 web interface code for accessibility and UX compliance?▼

Auditing UI code for accessibility requires checking it against Web Interface Guidelines. This skill reads your specified files, fetches the latest guidelines, and returns concise, line-numbered violation reports for design reviews.

What is the best way to check HTML, CSS, and JS components for UX best practices?▼

Checking HTML, CSS, and JS components for UX best practices involves auditing them against Web Interface Guidelines. This skill fetches the latest standards and reports conformance violations in a terse, line-numbered format.

Does this accessibility audit tool work with any web project?▼

This accessibility audit tool works with web interfaces across projects. It is applicable to HTML, CSS, and JS components, pages, and design assets in scenarios like design reviews, audits, and accessibility checks.

How do I run a UI compliance check for a pull request?▼

To run a UI compliance check for a pull request, provide your target UI files or patterns to the skill. It fetches the latest Web Interface Guidelines and returns concise, actionable findings suitable for PR checks.

What format do accessibility violation reports use?▼

Accessibility violation reports use a terse, line-numbered format. This concise output provides actionable findings that clearly identify where UI code fails to conform to Web Interface Guidelines, making it suitable for design reviews.

Related Skills

Explore More Design & Creative Skills→
Chai-UnChai-Un

web-design-guidelines

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

Community
Intermediate
NotWrenchNotWrench
1

web-design-guidelines

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

Community
Intermediate
hramadhaanhramadhaan

ui-ux-pro-max

Generates design systems with palettes, typography and layout patterns for web apps.

Community
Advanced
keremtoker468-dotcomkeremtoker468-dotcom

web-ui-review

Audit web interfaces for accessibility, performance, and code quality.

Community
Advanced