skills.rest
FerranGuardia
FerranGuardiaCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

web-design-guidelines

Identify UI code violating Web Interface Guidelines and accessibility best practices.

Updated Mar 2, 2026
Search Tags:#ui#accessibility#review#guidelines#ux#web-design
One-click install
npx skills add https://github.com/FerranGuardia/claude-autonomous-setup --skill web-design-guidelines-ferranguardia
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/FerranGuardia/claude-autonomous-setup/tree/main/skills/frontend/web-design-guidelines
Command: npx skills add https://github.com/FerranGuardia/claude-autonomous-setup --skill web-design-guidelines-ferranguardia

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Review UI code for compliance with Web Interface Guidelines and accessibility best practices to ensure inclusive, user-friendly interfaces across projects.

Core Features & Use Cases

  • Fetch the latest guidelines from the source URL
  • Read the specified files (or prompt user for files/patterns)
  • Validate UI code against the fetched rules and produce a concise report

Quick Start

Review your UI files by asking me to fetch and evaluate them against 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 my UI code for accessibility and UX best practices?▼

To audit UI code for accessibility, provide your files or patterns to validate against the latest Web Interface Guidelines and receive a structured report detailing violations and recommended fixes.

What is the best way to check web interfaces for guideline violations?▼

Checking web interfaces for violations involves fetching the latest guidelines from a source URL and validating your UI code against these rules to produce a concise compliance report.

Can I review specific UI files for accessibility compliance?▼

You can review specific UI files for accessibility compliance by specifying the files or prompting for patterns, which are then evaluated against current UX and web design guidelines.

Do I need any dependencies to validate UI code against web design guidelines?▼

No dependencies are required to validate UI code against web design guidelines; the tool fetches the latest rules directly from the source URL and reads your specified files to perform the review.

What format are accessibility violations reported in?▼

Accessibility violations are reported in a structured, actionable format detailing the specific UI code violations and providing recommended fixes to ensure inclusive interfaces.

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
shirulotshirulot

web-design-guidelines

Audit web interface source code for design and accessibility compliance.

Community
Intermediate
tsuji-tomonoritsuji-tomonori

a11y-ci-gating

Automate accessibility testing in CI/CD pipelines with quality gates.

Community
Advanced
blackgirlbytesblackgirlbytes

audit-a11y-browser

Audit live browser accessibility against a URL using Playwright and axe-core.

Community
Intermediate