web-design-guidelines

Validate HTML/CSS and ARIA patterns against web interface guidelines.

2|Updated Dec 18, 2025

Search Tags:#ui #accessibility #audit #review #guidelines #web-design

Ready to run

npx skills add https://github.com/AmbitionsXXXV/FolioNote --skill web-design-guidelines-ambitionsxxxv

💬 Prompt for ChatGPT / Claude Chat▼

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

UI teams often struggle to ensure web interfaces comply with evolving accessibility and design guidelines, leading to inconsistencies and missed issues.

Core Features & Use Cases

Fetches the latest web interface guidelines from a central source.
Compares UI files and patterns against the rules, identifying accessibility and design violations.
Use Case: Before release, run a review of a web page to verify ARIA usage, color contrast, and semantic markup.

Quick Start

Review the latest guidelines against your UI files to produce a concise 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 design violations?▼

To audit UI code for accessibility, this skill validates HTML and CSS patterns against the latest web interface guidelines. It checks ARIA usage, color contrast, and semantic markup to output a concise compliance report.

What is the best way to check ARIA usage and semantic markup before release?▼

The best way to check ARIA usage is by running a pre-release review on your web page files. The skill fetches up-to-date design guidelines and compares your code to identify semantic markup and accessibility issues.

Can I review multiple UI files for web design compliance at once?▼

Yes, you can review multiple UI files for web design compliance. The skill reads target files or patterns you provide and outputs findings in a standard file:line format for easy tracking and resolution.

How does this accessibility audit fetch the latest web interface guidelines?▼

The accessibility audit fetches the latest web interface guidelines from a remote central source. This ensures your HTML and CSS patterns are validated against current design rules and compliance standards.

What format do the accessibility review findings use?▼

The accessibility review findings use a standard file:line format. This output maps design violations and ARIA usage issues directly to your target UI files for straightforward code correction.