skills.rest
jorgeasaurus
jorgeasaurusCOMMUNITY
Explore all skills by this author →
Website𝕏@Jorge2990GitHub

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
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.

Related Skills

Explore More Design & Creative Skills→
BangjjackBangjjack

web-design-guidelines

Review UI code against Web Interface Guidelines and report findings in file:line format.

Official
Intermediate
coco-researchcoco-research
264

web-design-guidelines

Review UI code against Web Interface Guidelines and flag violations.

Community
Intermediate
nanorepublicananorepublica
61

Global Tech Stack

Validate code against centralized global tech stack standards.

Community
Basic
OKHP3OKHP3

web-design-guidelines

Reviews UI code files against Vercel Web Interface Guidelines and reports findings.

Community
Basic