skills.rest
DevQwiet
DevQwietCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Review UI code for compliance with Web Interface Guidelines.

Updated Apr 25, 2026
Search Tags:#best practices#web development#design audit#web accessibility#UI code review
One-click install
npx skills add https://github.com/DevQwiet/my-skills --skill web-design-guidelines-devqwiet
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/DevQwiet/my-skills/tree/main/web-design-guidelines
Command: npx skills add https://github.com/DevQwiet/my-skills --skill web-design-guidelines-devqwiet

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill helps identify non-compliance with Web Interface Guidelines in UI code, promoting accessibility and adherence to best practices.

Core Features & Use Cases

  • Compliance Checking: Reviews UI code against the latest Web Interface Guidelines.
  • Accessibility: Ensures UI is accessible to all users.
  • Best Practices: Audits design and UX against industry standards.
  • Use Case: When asked to review a web interface for accessibility and design compliance.

Quick Start

Run the web-design-guidelines skill on the latest version of your project code.

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 interface code for accessibility compliance?▼

To audit web interface code for accessibility compliance, run a review against the latest Web Interface Guidelines to identify non-compliant UI patterns. The process fetches current guidelines and applies those rules directly to your source code.

What is a UI code review for web design best practices?▼

A UI code review for web design best practices evaluates your web development project's source code against industry standards. It ensures your interface promotes accessibility and adheres to established Web Interface Guidelines.

How do I check if my web development project meets design guidelines?▼

You can check if your web development project meets design guidelines by running an automated review on your latest project code. This compares your UI implementation against fetched guidelines to highlight accessibility issues.

When do I need a design audit for web accessibility?▼

You need a design audit for web accessibility when updating web interfaces to ensure all users can navigate them. It is required for web development projects needing compliance with current Web Interface Guidelines and standards.

Related Skills

Explore More Software Engineering Skills→
riethmayerriethmayer
2

web-design-guidelines

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

Community
Intermediate
sadie100sadie100

web-design-guidelines

Review UI code for compliance with Web Interface Guidelines.

Community
Intermediate
austinjanaustinjan

web-design-guidelines

Check UI code compliance with Web Interface Guidelines for accessibility.

Community
Intermediate
fabioc-alohafabioc-aloha
1

UI/UX Design

Audit UI/UX designs for WCAG 2.1 AA accessibility and design token consistency.

Community
Advanced