web-design-guidelines

Name: web-design-guidelines
Availability: InStock
Author: amaledtuning

Audit UI code for accessibility and UX compliance against Web Interface Guidelines.

Updated Apr 21, 2026

Search Tags:#design #accessibility #a11y #guidelines #ui-review #web-standards

Ready to run

npx skills add https://github.com/amaledtuning/CODEX_Skills --skill web-design-guidelines-amaledtuning

💬 Prompt for ChatGPT / Claude Chat▼

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Review UI code to ensure compliance with Web Interface Guidelines, reducing accessibility and UX issues across projects.

Core Features & Use Cases

Guideline-driven UI review: Evaluate code against the latest web interface rules to ensure accessibility, contrast, keyboard navigation, and semantic markup.
Reusable audit workflow: Provide a repeatable process for designers and developers to validate UI components across projects.
Use Case: A designer asks to verify a new webpage against accessibility standards before launch.

Quick Start

Provide the target UI files or pattern and request an accessibility and UX compliance report.

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 UI code for accessibility and UX compliance?▼

Use this skill to audit UI code for accessibility and UX compliance by providing target UI files or patterns; it validates code against a live guideline source and outputs a prioritized list of fixes.

What is a guideline-driven UI review for web pages?▼

A guideline-driven UI review evaluates your web page code against the latest web interface rules to ensure accessibility, contrast, keyboard navigation, and semantic markup compliance before launch.

Can I use this to check responsive layouts and web components?▼

Yes, you can validate web pages, components, and responsive layouts across projects by comparing your codebase against a live guideline source to identify accessibility and UX issues.

How do I get a prioritized list of accessibility fixes for my codebase?▼

You get a prioritized list of accessibility fixes by providing your target UI files and requesting an accessibility and UX compliance report, which compares your codebase against web standards.

Do I need any specific dependencies to run a web standards UI review?▼

No dependencies are required to run a web standards UI review; you simply provide the target UI files or pattern to start the accessibility and UX compliance validation workflow.