skills.rest
Nguyenvanle
NguyenvanleCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Validate UI files against latest web interface guidelines for accessibility and usability.

Updated Mar 5, 2026
Search Tags:#design#accessibility#compliance#guidelines#web-design#ui-review
One-click install
npx skills add https://github.com/Nguyenvanle/ag-wander-ai --skill web-design-guidelines-nguyenvanle
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/Nguyenvanle/ag-wander-ai/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/Nguyenvanle/ag-wander-ai --skill web-design-guidelines-nguyenvanle

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This tool helps teams ensure their UI files comply with established web interface guidelines by automatically fetching and applying the latest rules to local files.

Core Features & Use Cases

  • Fetches the latest guidelines from a trusted source and updates local checks.
  • Automatically reviews user-provided UI files or patterns against the guidelines to identify violations.
  • Outputs concise, actionable findings suitable for remediation and design reviews.

Quick Start

Provide the UI files or patterns to review and run the guideline checker to see the results.

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 files for web interface guideline compliance?▼

To audit UI files for web interface guideline compliance, provide your local files or project patterns to the checker. It fetches the latest rules, compares each file against them, and outputs actionable findings in a file:line format.

What is the best way to check UI patterns for accessibility and usability violations?▼

Checking UI patterns for accessibility and usability violations involves automatically validating your provided files against established web interface guidelines. The tool loads the latest rules and reports specific violations for remediation.

How does an automated UI review apply the latest web design guidelines?▼

An automated UI review applies the latest web design guidelines by fetching current rules from a trusted source and updating local checks. It then reads and validates user-provided UI files against these updated rules.

Can I review multiple UI files across a project for accessibility compliance at once?▼

Yes, you can review multiple UI files across a project for accessibility compliance. The tool reads and validates user-provided files or patterns across projects, comparing each against the loaded guidelines.

What format do the findings follow when reporting web design guideline violations?▼

Findings for web design guideline violations are reported in a concise file:line format. This output structure provides actionable locations for remediation and design reviews.

Related Skills

Explore More Design & Creative Skills→
gitdukgitduk

web-design-guidelines

Audit UI code against Web Interface Guidelines and report issues in file:line format.

Community
Intermediate
Kevin-Liu-01Kevin-Liu-01
16

web-design-guidelines

Identify UI design and accessibility issues in React/TSX, HTML/CSS, and assets against the latest Web Interface Guidelines.

Community
Intermediate
Bonny94ITABonny94ITA

web-design-guidelines

Check UI code against Web Interface Guidelines for accessibility compliance.

Community
Advanced
joe-watkinsjoe-watkins
1

a11y-tester

Run axe-core accessibility tests on web pages via Playwright MCP.

Community
Advanced