skills.rest
Rishabhupadhya
RishabhupadhyaCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

web-design-guidelines

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

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Review UI code for Web Interface Guidelines compliance. Use this skill when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".

Core Features & Use Cases

  • Fetch the latest guidelines from the source URL below
  • Read the specified files (or prompt user for files/pattern)
  • Check against all rules in the fetched guidelines
  • Output findings in a concise file:line format

Quick Start

Provide the files or patterns to review and I will fetch the latest guidelines and report any violations in file:line format.

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 code for accessibility, provide local files or patterns. The skill fetches the latest Web Interface Guidelines, analyzes the target files against accessibility rules, and reports violations in a concise file:line format.

What is a UI audit against web design guidelines?▼

A UI audit compares local interface files against Web Interface Guidelines to identify compliance issues. It ensures accessibility, consistency, and UX best practices are applied across the target codebase.

How do I check my website for UX best practices?▼

To check your website for UX best practices, specify the UI files to review. The skill applies fetched Web Interface Guidelines to the files and outputs a concise list of violations in a file:line format.

Can I review specific local files for web interface compliance?▼

Yes, you can review specific local files for web interface compliance. You provide the files or patterns, and the skill reads them, checks against all fetched guideline rules, and reports findings in file:line format.

What format are UI audit violations reported in?▼

UI audit violations are reported in a concise file:line format. This output maps compliance issues directly to the exact locations in your local UI code for quick resolution.

Related Skills

Explore More Design & Creative Skills→
JaimeJunrJaimeJunr
2

web-design-guidelines

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

Community
Intermediate
CwuztoCwuzto

web-design-guidelines

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

Community
Intermediate
distribucionesfayosmoreno-sysdistribucionesfayosmoreno-sys

ui-visual-validator

Validate UI modifications for visual regression, compliance, and accessibility.

Community
Advanced
leafcoderleafcoder
2

web-design-guidelines

Audit web interface code for WCAG, ARIA, and UX compliance.

Community
Intermediate