skills.rest
alykay1522
alykay1522COMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Validate UI code against Web Interface Guidelines for accessibility and design best practices.

Updated Apr 27, 2026
Search Tags:#accessibility#web design#design audit#guideline compliance#UI code review
One-click install
npx skills add https://github.com/alykay1522/Dine-Details --skill web-design-guidelines-alykay1522
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/alykay1522/Dine-Details/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/alykay1522/Dine-Details --skill web-design-guidelines-alykay1522

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill addresses the need for reviewing UI code to ensure compliance with Web Interface Guidelines, aiding in accessibility, design audit, and best practices adherence.

Core Features & Use Cases

  • Code Review Compliance: Checks UI code against the latest Web Interface Guidelines.
  • Accessibility Validation: Assesses and reports accessibility issues.
  • Design Audit: Audits design for consistency with best practices.
  • Use Case: When developing a web application, use this Skill to review your UI code to ensure it meets accessibility standards and adheres to design guidelines.

Quick Start

Run the 'web-design-guidelines' skill with the file path or pattern you want to review.

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

To validate UI code for accessibility compliance, review your files against the latest Web Interface Guidelines. This checks design consistency, reports accessibility issues, and ensures adherence to web design best practices.

What is a UI code review for web design guidelines?▼

A UI code review for web design guidelines validates your interface against fetched URL standards. It audits design consistency, assesses accessibility issues, and ensures your web application meets required best practice rules.

How do I run a design audit on my web application?▼

Run a design audit by executing the review with your file path. The system fetches guidelines from a specified URL and applies them to your provided files to report accessibility issues and check compliance.

Can I use custom web interface guidelines for my UI code review?▼

Yes, you can use custom web interface guidelines for your UI code review. The validation process fetches guidelines from a specified URL, allowing you to apply specific accessibility standards to your provided files.

Do I need prior knowledge of accessibility standards to validate UI code?▼

Validating UI code requires knowledge of UI design and accessibility standards to interpret results. The tool fetches guideline compliance rules from a specified URL and applies them to your files to highlight issues.

Related Skills

Explore More Software Engineering Skills→
inpinitiinpiniti

web-design-guidelines

Audit UI code against Web Interface Guidelines and accessibility standards.

Community
Intermediate
alexzhang1030alexzhang1030

web-design-guidelines

Review UI code for web interface guideline compliance and accessibility issues.

Community
Intermediate
austinjanaustinjan

web-design-guidelines

Check UI code compliance with Web Interface Guidelines for accessibility.

Community
Intermediate
anntnzrbanntnzrb
1

web-design-guidelines

Audit UI code against the latest Web Interface Guidelines.

Community
Intermediate