web-design-guidelines

Review UI code for Web Interface Guidelines compliance and accessibility issues.

1|Updated Jan 15, 2026

Search Tags:#code review #accessibility #UX #web design #UI compliance

Ready to run

npx skills add https://github.com/Ali1raz/jobs --skill web-design-guidelines-ali1raz

💬 Prompt for ChatGPT / Claude Chat▼

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill helps ensure that your UI code adheres to the Web Interface Guidelines, improving accessibility and user experience.

Core Features & Use Cases

Guidelines Compliance: Checks UI code against a comprehensive set of guidelines.
Accessibility Audits: Identifies potential accessibility issues in your web designs.
Design Review: Use when reviewing UI code for compliance, accessibility, and UX.

Quick Start

Review your UI code with the web-design-guidelines skill.

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 accessibility compliance?▼

To check UI code for accessibility compliance, you need a review tool that compares your files against a specified URL of web interface guidelines and identifies potential issues. This skill applies those guidelines directly to your provided code patterns.

Can I review UI code for UX compliance using custom design guidelines?▼

Yes, you can review UI code for UX compliance using custom design guidelines by providing a specific URL containing the rules. The skill parses those external guidelines and evaluates your submitted files or UI patterns against them.

What's the best way to automate web design code review for accessibility issues?▼

The best way to automate web design code review for accessibility issues is to supply your UI files and a target guidelines URL to an automated script. This process identifies compliance gaps and suggests targeted UX improvements.

Does this UI compliance review require any specific frameworks or dependencies?▼

No, this UI compliance review does not require any specific frameworks or dependencies to function. You only need to provide the UI code files or patterns and the URL of the web interface guidelines you want to apply.

Why does my UI code fail accessibility audits when using external web design guidelines?▼

Your UI code may fail accessibility audits if your provided files contain patterns that do not match the external web design guidelines. This skill identifies those specific compliance mismatches and suggests code improvements.