web-design-review

Automates UI auditsGitHub Copilot:

36|4|Updated Feb 11, 2026

Search Tags:#design #ui #accessibility #a11y #frontend #audit #code-review

Ready to run

npx skills add https://github.com/xg-gh-25/SwarmAI --skill web-design-review

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: web-design-review
Source: https://github.com/xg-gh-25/SwarmAI/tree/main/backend/skills/s_web-design-review
Command: npx skills add https://github.com/xg-gh-25/SwarmAI --skill web-design-review

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Auditing frontend code against accessibility standards, usability guidelines, and design best practices to identify issues and produce actionable fixes for faster, safer releases.

Core Features & Use Cases

Automated audits against latest Web Interface Guidelines and internal checklists.
File-by-file findings with file:line references and severity.
Guidance and examples for remediations to improve UX and accessibility across projects.

Quick Start

Provide the target frontend files or directory and I will run a comprehensive UI audit against accessibility and design guidelines.

Frequently Asked Questions about web-design-review

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I audit frontend code for accessibility issues?▼

To audit frontend code for accessibility issues, provide your target files or directories. The tool reads latest guidelines and returns structured findings with file:line references, severities, and actionable fixes for developer teams.

What is a UI code review for design quality?▼

A UI code review for design quality identifies inconsistencies by checking frontend code against usability guidelines and best practices. It produces a prioritized report with specific file:line references and remediation guidance.

How do I check my web project for a11y compliance?▼

You can check web project a11y compliance by running an automated audit against the latest Web Interface Guidelines. Specify target files or directories to receive severity-ranked findings and actionable fixes.

Does the accessibility audit provide specific file and line references?▼

Yes, the accessibility audit provides file-by-file findings with exact file:line references. It delivers structured findings with severities and actionable fixes suitable for developer teams.

What is the best way to find design inconsistencies in frontend code?▼

The best way to find design inconsistencies is auditing frontend code against internal checklists and guidelines. This generates a prioritized report containing severity levels and examples for remediation.

Can I audit a whole directory for UI and accessibility issues?▼

Yes, you can audit a whole directory by specifying it as the target. The audit reads latest guidelines and returns a comprehensive prioritized report with file:line references for each finding.