skills.rest
Chieji
ChiejiCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Audit UI code against Web Interface Guidelines and report non-conformances.

Updated May 25, 2026
Search Tags:#ui#accessibility#a11y#compliance#review#guidelines#web
One-click install
npx skills add https://github.com/Chieji/my-skills --skill web-design-guidelines-chieji
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/Chieji/my-skills/tree/main/web-design-guidelines
Command: npx skills add https://github.com/Chieji/my-skills --skill web-design-guidelines-chieji

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps ensure UI code aligns with Web Interface Guidelines by auditing files for accessibility, usability, and visual consistency.

Core Features & Use Cases

  • Fetch the latest Web Interface Guidelines from the official source.
  • Read the specified UI files or patterns to check.
  • Apply all rules from the fetched guidelines and report non-conformances in a concise file:line format.
  • Use Case: When asked to review UI, check accessibility, audit design, or verify a site against best practices.

Quick Start

Provide the UI files you want reviewed and I will fetch the latest guidelines to produce a concise 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 check if my UI code complies with web accessibility guidelines?▼

To audit UI code compliance, provide your files for automated verification against web interface guidelines. The tool reports accessibility, usability, and visual consistency non-conformances in a concise file:line format.

What is the best way to automate a design review for web interface consistency?▼

Automating a design review involves fetching the latest web interface guidelines and applying all rules to UI codebases. This audits visual consistency across pages and assets to produce a concise compliance report.

Can I use this tool to audit UI components without installing extra dependencies?▼

Yes, you can audit UI components without dependencies. The tool fetches the latest guidelines from a remote source and applies all rules directly to your specified files to identify non-conformances.

How does the reporting format work when auditing web usability issues?▼

The reporting format for web usability issues is a terse file:line style output. It precisely identifies where your UI code fails to meet the fetched web interface guidelines for quick resolution.

Do I need to manually update accessibility rules before checking my codebase?▼

No, you do not need to manually update accessibility rules. The tool automatically fetches the latest web interface guidelines from an official remote source before applying all rules to your target files.

Related Skills

Explore More Design & Creative Skills→
Likas07Likas07

web-design-guidelines

Fetch remote Web Interface Guidelines and review UI code for compliance.

Community
Intermediate
markky21markky21

web-design-guidelines

Review HTML, CSS, and JS files against Web Interface Guidelines.

Community
Basic
pckienuitpckienuit

web-design-guidelines

Review UI files for Web Interface Guidelines compliance with file:line findings.

Community
Intermediate
pvillegapvillega
23

wcag-audit

Detect WCAG violations via ESLint plugins and axe-core runtime scans.

Community
Advanced