skills.rest
rahlplx
rahlplxCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Audit UI files against Web Interface Guidelines and report file:line findings.

Updated Feb 6, 2026
Search Tags:#accessibility#audit#guidelines#ui-ux#web-design#gui-review
One-click install
npx skills add https://github.com/rahlplx/elite-astro-workforce-template --skill web-design-guidelines-rahlplx
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/rahlplx/elite-astro-workforce-template/tree/main/.agent/skills/web-design-guidelines
Command: npx skills add https://github.com/rahlplx/elite-astro-workforce-template --skill web-design-guidelines-rahlplx

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Audit UI files for compliance with Web Interface Guidelines and healthcare design standards to ensure accessibility and usability across platforms.

Core Features & Use Cases

  • Automated UI Audit: Validate frontend code against Web Interface Guidelines and HIPAA/ADA considerations.
  • Guidelines-Driven Review: Fetch latest guidelines, apply them to provided UI files, and surface issues with precise locations.
  • Use Case: Imagine you are auditing a React project's UI to ensure color contrast meets WCAG 2.1 AA, semantic HTML usage, and keyboard navigability.

Quick Start

To run the audit, pass the target UI files or patterns and allow the tool to fetch the latest guidelines.

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 frontend code for accessibility and WCAG compliance?▼

Audit frontend code for accessibility by fetching the latest web interface guidelines, applying them to your target UI files, and reporting precise file:line findings for WCAG, ADA, and HIPAA design standard issues.

What's the best way to check a React project for UI accessibility issues?▼

Check a React project by running an automated UI audit that validates semantic HTML, color contrast, and keyboard navigability against established web interface guidelines and healthcare design standards, outputting precise file:line locations for each issue.

Does this web design audit work with any frontend codebase?▼

Yes, the web design audit applies to frontend codebases and UI assets across projects by reading target file patterns and validating them against fetched web interface guidelines, outputting terse compliance findings.

Can I review UI files for HIPAA and ADA design considerations?▼

You can review UI files for HIPAA and ADA considerations by running an automated guidelines-driven audit that fetches remote standards and surfaces compliance issues with precise file:line locations.

How do I get precise file locations for accessibility audit findings?▼

Get precise locations for accessibility audit findings by running the tool against target UI files; it outputs results in a terse file:line format to indicate exactly where web interface guidelines are violated.

Do I need to manually provide web interface guidelines for the audit?▼

No, you do not need to manually provide guidelines; the audit automatically fetches the latest web interface guidelines from a remote source when validating the specified target UI files.

Related Skills

Explore More Design & Creative Skills→
k97k97
4

web-design-guidelines

Audits frontend web interface code for design and accessibility guideline compliance.

Community
Intermediate
arthtyagiarthtyagi
1

web-design-guidelines

Review UI code against the latest Web Interface Guidelines.

Community
Intermediate
dragoscirjandragoscirjan

lang-html

Enforce semantic HTML, WCAG 2.1 AA accessibility, and keyboard navigability.

Community
Basic
caiohbfurtadocaiohbfurtado

web-design-guidelines

Analyze web interface codebases against remote design and accessibility guidelines.

Community
Intermediate