skills.rest
AzamCodes
AzamCodesCOMMUNITY
Explore all skills by this author →
Website𝕏@AzamCodesGitHub

web-design-guidelines

Compare source files against Web Interface Guidelines and return conformance gaps in file:line format.

Updated Jan 29, 2026
Search Tags:#audit#compliance#guidelines#ui-design#ux#code-review#web-accessibility
One-click install
npx skills add https://github.com/AzamCodes/motosafe --skill web-design-guidelines-azamcodes
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/AzamCodes/motosafe/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/AzamCodes/motosafe --skill web-design-guidelines-azamcodes

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".

Core Features & Use Cases

  • Automated guideline conformance checks against current UI code
  • Accessibility compliance checks and contrast ratio audits
  • Use Case: Evaluate a set of components for consistency with guidelines

Quick Start

Provide the UI files or patterns to evaluate, and I will fetch the latest guidelines and return the audit results.

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 UI code against web interface guidelines?▼

Accessibility compliance checks evaluate your source files against current web accessibility rules, returning specific conformance gaps and contrast ratio audit results in a precise file:line format.

Can I use this to check my site against best practices for UX consistency?▼

Yes, you can check your site against best practices by providing UI components for evaluation. The tool evaluates component consistency against the latest rules and returns identified conformance gaps.

What is the best way to review UI design conformance gaps in web projects?▼

The best way to review UI design conformance gaps is to validate source files against the latest Web Interface Guidelines. This fetches current rules and returns exact file:line results for non-compliant code.

Does this web accessibility audit require any external dependencies?▼

No external dependencies are required for this web accessibility audit. You provide UI files or patterns, and the tool fetches the latest guidelines directly from the URL to validate your code.

How does a code review for web accessibility return its results?▼

A code review for web accessibility returns results by validating files against fetched guideline rules, outputting identified design conformance gaps in a structured file:line format for quick resolution.

Related Skills

Explore More Design & Creative Skills→
Michae2xlMichae2xl

web-design-guidelines

Review UI code against Web Interface Guidelines for compliance issues.

Community
Intermediate
mrsknetworkmrsknetwork

web-design-guidelines

Assess UI code against Web Interface Guidelines and accessibility standards.

Community
Intermediate
chipoto69chipoto69
1

web-design-guidelines

Validate web UI code against Web Interface Guidelines and report violations.

Community
Intermediate
ladinglogichqladinglogichq

web-design-guidelines

Audit web UI assets for compliance with Web Interface Guidelines.

Official
Intermediate