skills.rest
amaledtuning
amaledtuningCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

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

Related Skills

Explore More Design & Creative Skills→
sulthonuladibsulthonuladib

web-design-guidelines

Identify UI conformance issues against Web Interface Guidelines in HTML/CSS/JS codebases.

Community
Intermediate
peopleforresterpeopleforrester
3

accessibility-checker

Audit web content for WCAG 2.1 AA accessibility issues and output a prioritized remediation report.

Community
Basic
mbdeatonmbdeaton

epic-ui-guidelines

Guide UI/UX best practices, accessibility, and component usage in Epic Stack.

Community
Intermediate
matteocervellimatteocervelli
25

accessibility-checker

Identify and report WCAG 2.1 Level AA accessibility violations on web pages.

Community
Advanced