web-design-guidelines

Validates UI code against the Web Interface Guidelines.

12|1|Updated Mar 15, 2026
One-click install
npx skills add https://github.com/jorgeasaurus/agent-skills --skill web-design-guidelines-jorgeasaurus
Or copy as Structured Prompt for Agent
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.