skills.rest
dot-prompt
dot-promptOFFICIAL
Explore all skills by this author →
GitHub

web-design-guidelines

Review UI files against Web Interface Guidelines and output a compliance report.

2|Updated Mar 23, 2026
Search Tags:#accessibility#compliance#guidelines#web-ui#ui-review#design-audit
One-click install
npx skills add https://github.com/dot-prompt/dotprompt --skill web-design-guidelines-dot-prompt
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/dot-prompt/dotprompt/tree/main/.agent/skills/web-design-guidelines
Command: npx skills add https://github.com/dot-prompt/dotprompt --skill web-design-guidelines-dot-prompt

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Reviews UI files to ensure compliance with Web Interface Guidelines.

Core Features & Use Cases

  • Fetches the latest guidelines from a remote source
  • Reads specified UI files or patterns
  • Outputs a concise compliance report highlighting violations and recommendations

Quick Start

Review the provided UI files against the Web Interface Guidelines and return 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 audit my UI code for accessibility compliance?▼

To audit UI for accessibility compliance, the skill reviews your specified UI files against Web Interface Guidelines and returns a structured findings report highlighting violations and recommendations.

What is a web UI design audit and how does it work?▼

A web UI design audit fetches the latest remote guidelines, analyzes your target UI files or patterns, and outputs a concise compliance report identifying UX and accessibility best-practice violations.

Can I use this to check a component library for UX best practices?▼

Yes, you can review component libraries for UX best practices. The skill is applicable to UI projects and website codebases, reading specified UI files to ensure compliance with Web Interface Guidelines.

What is the best way to generate a compliance report for website codebases?▼

The best way to generate a compliance report is to provide your website codebase UI files. The skill fetches remote guidelines, analyzes the code, and outputs a concise report with actionable recommendations.

Do I need to manually provide web interface guidelines for a UI review?▼

No, you do not need to manually provide web interface guidelines. The skill automatically fetches the latest guidelines from a remote source before analyzing your target UI files for compliance.

What limitations exist when checking UI files for accessibility violations?▼

A known limitation is that the UI review focuses on static UI files and codebase patterns. It fetches remote guidelines to analyze code, so it may not capture dynamic runtime accessibility issues outside the provided files.

Related Skills

Explore More Design & Creative Skills→
cagdotincagdotin
36

web-design-guidelines

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

Community
Intermediate
ProfFroggoProfFroggo
1

web-design-guidelines

Review UI code against Web Interface Guidelines and produce a findings report.

Community
Intermediate
hpsgdhpsgd

accessibility-audit

Audit web UI codebases for WCAG 2.1 AA compliance and generate remediation reports.

Official
Advanced
uni-helperuni-helper
95

web-design-guidelines

Analyze UI code for compliance with Web Interface Guidelines.

Official
Intermediate