skills.rest
EdwinFermin
EdwinFerminCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Identify UI guideline violations in web codebases and report them in file:line format.

Updated Nov 18, 2025
Search Tags:#accessibility#a11y#frontend#web-design#design-review#ui-guidelines#ui-audit
One-click install
npx skills add https://github.com/EdwinFermin/innvox --skill web-design-guidelines-edwinfermin
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/EdwinFermin/innvox/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/EdwinFermin/innvox --skill web-design-guidelines-edwinfermin

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Reviews UI code to ensure compliance with Web Interface Guidelines, helping teams identify accessibility and usability gaps before deployment.

Core Features & Use Cases

  • Fetches the latest Web Interface Guidelines from the official source.
  • Checks UI files and code for accessibility, semantic structure, visual contrast, and UX best practices.
  • Use Case: Run an audit on a landing page or component library to surface violations and generate actionable fixes.

Quick Start

Review the provided UI files against the latest guidelines and report any violations.

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 frontend code for accessibility and UI guideline violations?▼

A UI audit reviews your web project files against the latest Web Interface Guidelines to identify accessibility, performance, and UX conformance violations. It outputs actionable findings in a file:line format to surface semantic structure and visual contrast gaps.

What is a UI design review for web accessibility?▼

A UI design review for web accessibility evaluates your codebase against official Web Interface Guidelines. It checks semantic structure, visual contrast, and UX best practices to identify usability gaps before deployment and output violations in a file:line format.

How do I check my component library for a11y and UX conformance issues?▼

To check your component library for a11y and UX conformance, run a UI audit that fetches the latest Web Interface Guidelines. It reads your specified component files and reports accessibility, performance, and semantic structure violations in a file:line format.

Can I use a UI audit on individual landing pages and web components?▼

Yes, a UI audit applies to individual web pages, components, and full project codebases. It reads the specified files, checks them against Web Interface Guidelines for accessibility and UX best practices, and generates violation findings in a file:line format.

Does a web design review require external dependencies to check visual contrast?▼

No external dependencies are required to check visual contrast and accessibility. The design review fetches the latest Web Interface Guidelines from an official source and evaluates your provided UI files to output conformance violations in a file:line format.

What is the best way to report accessibility gaps in a web project before deployment?▼

The best way to report accessibility gaps before deployment is to run a UI audit that fetches Web Interface Guidelines, reads your web project files, and outputs violations in a file:line format. This surfaces semantic structure and visual contrast issues.

Related Skills

Explore More Design & Creative Skills→
raphaelmansraphaelmans

web-design-guidelines

Audit web UI files against official Web Interface Guidelines and report findings in file:line format.

Community
Intermediate
yutanpo1227yutanpo1227

web-design-guidelines

Audit UI code against Web Interface Guidelines for accessibility and design compliance.

Community
Intermediate
Exia-thdExia-thd

performance-engineer

Profile web applications and generate k6/Artillery load testing scripts.

Community
Advanced
joe-watkinsjoe-watkins
1

a11y-tester

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

Community
Advanced