skills.rest
rodrigotoledo
rodrigotoledoCOMMUNITY
Explore all skills by this author →
Website𝕏@foolkgsGitHub

web-design-guidelines

Identify accessibility and interaction issues in web interfaces against Web Interface Guidelines.

Updated Jun 18, 2026
Search Tags:#accessibility#a11y#frontend#audit#guidelines#web-design#ui-review
One-click install
npx skills add https://github.com/rodrigotoledo/trading-exchange --skill web-design-guidelines-rodrigotoledo
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/rodrigotoledo/trading-exchange/tree/main/packages/skills-catalog/skills/%28design%29/web-design-guidelines
Command: npx skills add https://github.com/rodrigotoledo/trading-exchange --skill web-design-guidelines-rodrigotoledo

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Identify accessibility and interaction issues in web interfaces to improve usability and conformance with established design guidelines.

Core Features & Use Cases

  • Accessibility auditing for ARIA usage, semantic HTML, keyboard navigation, and focus management
  • Interaction pattern reviews, contrast, typography, and responsive behavior
  • Use Case: A design team reviews a new dashboard for accessible navigation and proper focus states before development handoff.

Quick Start

Review the UI files in the project and report any accessibility or interaction issues using the Web Interface 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 web interface for accessibility and interaction issues?▼

Audit web interfaces for accessibility by reviewing UI files to identify issues with ARIA usage, keyboard navigation, focus management, and semantic HTML based on established Web Interface Guidelines.

What accessibility checks should I run before handing off a UI design to development?▼

Run accessibility checks for ARIA usage, semantic HTML, keyboard navigation, and focus management to ensure the UI design complies with interaction guidelines before development handoff.

Can I review responsive behavior and contrast during a frontend UI audit?▼

Review responsive behavior, contrast, and typography during a frontend UI audit to validate interaction patterns and overall design quality against web interface standards.

Does the web design audit enforce specific guidelines for keyboard navigation and focus states?▼

The web design audit enforces checks for keyboard navigation, focus states, and ARIA usage by applying rules defined in the Web Interface Guidelines reference documentation.

What is the best way to check for proper semantic HTML and ARIA usage in my frontend code?▼

Check semantic HTML and ARIA usage by running a UI review or code audit that applies established web interface guidelines to identify interaction and accessibility issues.

When do I need a UI review for web design compliance and what limitations should I expect?▼

Conduct a UI review for web design compliance when validating new dashboards or interfaces, checking limitations against guideline rules for focus management and semantic structure.

Related Skills

Explore More Design & Creative Skills→
fartmonarchfartmonarch
1

web-design-guidelines

Review UI files against Web Interface Guidelines and report findings in file:line format.

Community
Intermediate
hulusi-tunchulusi-tunc
3

vercel-web-design-guidelines

Review TSX/JSX/HTML/CSS code for Vercel Web Interface Guidelines compliance.

Community
Intermediate
Canhada-LabsCanhada-Labs
2

Accessibility & WCAG Compliance

Check and enforce WCAG 2.1 AA compliance in frontend code.

Official
Advanced
CrazyDubyaCrazyDubya

accessibility-auditor

Audit web applications for WCAG 2.1 Level AA accessibility compliance.

Community
Intermediate