skills.rest
xg-gh-25
xg-gh-25COMMUNITY
Explore all skills by this author →
WebsiteGitHub

web-design-review

Automates UI auditsGitHub Copilot:

36|4|Updated Feb 11, 2026
Search Tags:#design#ui#accessibility#a11y#frontend#audit#code-review
One-click install
npx skills add https://github.com/xg-gh-25/SwarmAI --skill web-design-review
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
budgie-atbudgie-at
5

web-design-guidelines

Check UI code against Web Interface Guidelines and report accessibility gaps.

Official
Basic
ai-sapira-pocai-sapira-poc

audit

Audit web applications for accessibility, performance, theming, and responsive design issues.

Official
Advanced
annaundfloraannaundflora

web-design-guidelines

Audit UI code against over 100 web interface best practices.

Community
Intermediate
dachentdachent
18

frontend-design-codex

Validate frontend UI components through browser rendering and screenshot analysis.

Community
Advanced