skills.rest
Ali1raz
Ali1razCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

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
One-click install
npx skills add https://github.com/Ali1raz/jobs --skill web-design-guidelines-ali1raz
Or copy as Structured Prompt for Agent▼
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.

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
Insik-HanInsik-Han
16

web-design-guidelines

Audit React, HTML, CSS, and JavaScript files against Web Interface Guidelines.

Community
Intermediate
Euraika-LabsEuraika-Labs
14

team-ui

Orchestrate multi-role UI workflows for game projects from specification to polish.

Official
Advanced
createtree2017createtree2017

web-design-guidelines

Audit React/TypeScript web interfaces against Web Interface Guidelines for UI, UX, and accessibility issues.

Community
Intermediate