skills.rest
gitduk
gitdukCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

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

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill helps teams ensure their web UI code adheres to established Web Interface Guidelines by automating guideline retrieval, file analysis, and conformance reporting.

Core Features & Use Cases

  • Guideline retrieval: fetches the latest web interface rules from the official source.
  • File analysis: reads specified files or patterns and checks them against rules.
  • Conformance reporting: outputs findings in the concise file:line format for rapid triage.
  • Use Case: When asked to review a site for accessibility and design compliance, run a review against the latest guidelines and receive actionable gaps.

Quick Start

Provide the UI files or patterns you want reviewed, and I will fetch the current guidelines and return a conformance 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 my web UI code for accessibility compliance?▼

To audit web UI code for accessibility compliance, provide your UI files or file patterns. The tool fetches the latest Web Interface Guidelines, evaluates the code against accessibility and UX rules, and outputs a conformance report in a file:line format for rapid triage.

What is the best way to check web design guidelines for existing UI components?▼

Checking web design guidelines for UI components requires fetching the latest official rules and analyzing your files. This process identifies accessibility and usability gaps, returning actionable findings mapped directly to specific file lines.

How does automated design review work for web projects?▼

Automated design review works by retrieving current Web Interface Guidelines and evaluating specified UI files against them. It identifies accessibility and UX issues, then generates a conformance report detailing exact file and line locations for quick triage.

Do I need specific dependencies to run a UI accessibility audit?▼

No specific dependencies are required to run a UI accessibility audit. You simply need to provide the UI files or patterns you want reviewed, and the tool will independently fetch the current guidelines and return a conformance report.

Can I review multiple UI files at once for usability issues?▼

Yes, you can review multiple UI files at once for usability issues by providing specified file patterns. The tool reads and analyzes these patterns against the latest Web Interface Guidelines to identify accessibility and UX gaps across your web project.

Why specify file:line format in a web design conformance report?▼

Specifying file:line format in a web design conformance report pinpoints exact locations of accessibility and UX issues within UI code. This concise format allows development teams to rapidly triage and resolve identified guideline gaps.

Related Skills

Explore More Design & Creative Skills→
Shana-AEShana-AE
2

web-design-guidelines

Review UI code against the latest Web Interface Guidelines.

Community
Intermediate
nishchaydevnishchaydev

web-design-guidelines

Review web interface files against Web Interface Guidelines for compliance gaps.

Community
Intermediate
beemanbeeman
12

web-design-guidelines

Evaluate web UI components against Web Interface Guidelines for compliance.

Community
Intermediate
Luqman-Ud-DinLuqman-Ud-Din

qa-detect-forced-colors

Detect forced-colors accessibility failures in rendered web pages.

Community
Intermediate