skills.rest
AmbitionsXXXV
AmbitionsXXXVCOMMUNITY
Explore all skills by this author →
𝕏@etcetera10969GitHub

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

Related Skills

Explore More Design & Creative Skills→
dongitrandongitran
3

web-design-guidelines

Audit UI code against Web Interface Guidelines and output file:line findings.

Community
Basic
blackgirlbytesblackgirlbytes

audit-a11y

Audit React/Next.js components for WCAG 2.1 AA accessibility violations.

Community
Intermediate
mahoushoujyo-eeemahoushoujyo-eee
15

web-design-guidelines

Review web interface code against Vercel Web Interface Guidelines for accessibility and usability violations.

Community
Intermediate
hffmnnjhffmnnj
39

accessibility

Audit UI components for WCAG accessibility and generate prioritized fix checklists.

Community
Basic