web-design-guidelines

Validates UI code against the Web Interface Guidelines.

12|1|Updated Mar 15, 2026

Search Tags:#code review #best practices #accessibility #UI code #Web Interface Guidelines

Ready to run

npx skills add https://github.com/jorgeasaurus/agent-skills --skill web-design-guidelines-jorgeasaurus

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/jorgeasaurus/agent-skills/tree/main/web-design-guidelines
Command: npx skills add https://github.com/jorgeasaurus/agent-skills --skill web-design-guidelines-jorgeasaurus

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill helps identify non-compliance with Web Interface Guidelines in UI code, improving accessibility and user experience.

Core Features & Use Cases

Guideline Compliance Check: Validates UI code against the latest Web Interface Guidelines.
File Review: Analyzes specified files or prompts for file review.
Output Findings: Provides concise feedback on non-compliance issues.

Quick Start

Run the skill on your UI code to check for compliance with Web Interface Guidelines.

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 Web Interface Guidelines compliance?▼

To check UI code compliance, this Skill validates specified UI files against the Web Interface Guidelines by fetching the guidelines from a source URL and analyzing the code for accessibility and non-compliance issues.

What are Web Interface Guidelines and why do they matter for accessibility?▼

Web Interface Guidelines are standards ensuring UI code meets accessibility and user experience requirements. Validating code against them identifies non-compliance issues, improving overall usability and interface quality.

Can I review specific UI files for accessibility best practices?▼

Yes, you can review specific UI files for accessibility best practices. The Skill analyzes specified files or file patterns and outputs concise feedback on any identified compliance issues.

Do I need to provide a source URL for UI code validation?▼

Yes, providing a source URL is required. The Skill requires fetching the Web Interface Guidelines from a source URL to apply them to your specified UI files for compliance validation.

What's the best way to identify non-compliance issues in UI code?▼

The best way to identify non-compliance issues is running an automated guideline compliance check. This Skill fetches Web Interface Guidelines and validates UI code against them, outputting concise findings on accessibility issues.