skills.rest
UltravioletaDAO
UltravioletaDAOCOMMUNITY
Explore all skills by this author →
Website𝕏@UltravioletaDAOGitHub

web-design-guidelines

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

Updated Aug 27, 2026
Search Tags:#ui#accessibility#audit#compliance#usability#guidelines#web-design
One-click install
npx skills add https://github.com/UltravioletaDAO/execution-market --skill web-design-guidelines-ultravioletadao
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/UltravioletaDAO/execution-market/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/UltravioletaDAO/execution-market --skill web-design-guidelines-ultravioletadao

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

An AI-assisted reviewer analyzes UI code to ensure compliance with Web Interface Guidelines, helping teams ship accessible, usable interfaces faster.

Core Features & Use Cases

  • Guideline-driven reviews: Fetches and applies up-to-date UI guidelines to source files, identifying accessibility and usability gaps.
  • Conformance checks: Verifies color contrast, semantic structure, keyboard navigation, and responsive behavior against the guidelines.
  • Use Case: A design team wants to audit a new landing page for accessibility before release, generating a prioritized list of fixes.

Quick Start

Provide the UI files or patterns to review and fetch guidelines, scan the files, and return findings.

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

Color contrast checks work by verifying your UI code's color combinations against fetched Web Interface Guidelines. The audit identifies contrast failures, semantic markup issues, and keyboard navigation gaps, returning a prioritized list of findings.

Can I use this accessibility audit on a component library or design system?▼

Yes, you can use this accessibility audit on a component library or design system. The reviewer applies guidelines to web projects and pages across design systems, validating responsive behavior and semantic structure.

What is the best way to check semantic markup and keyboard navigation in web projects?▼

The best way to check semantic markup and keyboard navigation is running an AI-assisted review against Web Interface Guidelines. It fetches fresh rules, reads your specified files, and reports conformance gaps for accessible interfaces.

Do I need to provide my own web design guidelines for the usability audit?▼

No, you do not need to provide your own web design guidelines for the usability audit. The reviewer automatically fetches fresh guidelines from the source URL to ensure your source files are checked against up-to-date rules.

Related Skills

Explore More Design & Creative Skills→
elianivaelianiva
203

web-design-guidelines

Audit UI code against Web Interface Guidelines for accessibility and usability.

Community
Intermediate
DanielPodolskyDanielPodolsky
274

accessibility-fundamentals

Identify and fix accessibility issues in JSX UI components using WCAG, ARIA, and keyboard navigation.

Community
Basic
t-stringst-strings

Frontend Accessibility

Review frontend UI code for HTML semantics, ARIA, keyboard navigation, and contrast.

Official
Basic
angelriera-devangelriera-dev

web-design-guidelines

Audit UI code against the latest Web Interface Guidelines.

Community
Intermediate