skills.rest
RodrigoTomeES
RodrigoTomeESCOMMUNITY
Explore all skills by this author →
Website𝕏@RodrigoTomeESGitHub

web-design-guidelines

Review UI files against Web Interface Guidelines for accessibility and UX issues.

12|3|Updated Feb 17, 2026
Search Tags:#accessibility#design system#ui review#ux audit#web guidelines#frontend review
One-click install
npx skills add https://github.com/RodrigoTomeES/getmcp --skill web-design-guidelines-rodrigotomees
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/RodrigoTomeES/getmcp/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/RodrigoTomeES/getmcp --skill web-design-guidelines-rodrigotomees

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It helps catch UI and UX issues before they ship by checking your interface against current Web Interface Guidelines and surfacing clear, file-level findings.

Core Features & Use Cases

  • Guideline Compliance Review: Evaluates UI code against the latest interface rules sourced from the official guideline document.
  • Accessibility and UX Audit: Flags design, usability, and accessibility problems in pages, components, and front-end implementations.
  • Terse Reporting: Returns concise findings in file and line format so teams can fix issues quickly during review workflows.

Quick Start

Ask me to review the specified UI files or file patterns against the latest Web Interface Guidelines and report the issues in terse file:line format.

Frequently Asked Questions about web-design-guidelines

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

FAQPage Schema
How do I run a UX audit on my web components to check for accessibility issues?▼

To run a UX audit, the Skill reviews your UI files against Web Interface Guidelines and flags accessibility and usability problems. It returns concise file and line findings so you can fix design and UX issues during your review workflow.

What is a UI review against web design guidelines and how does it work?▼

A UI review evaluates your interface code against current Web Interface Guidelines to catch UX issues before they ship. The Skill fetches the latest guideline source, reads your specified files, and applies design-best-practice checks to surface clear, file-level findings.

Can I use this to check frontend code for design system compliance?▼

Yes, you can check frontend code for design system compliance by providing your UI files or file patterns. The Skill applies interface audits across web components and pages, returning terse file:line findings for any guideline violations it detects.

How do I get started reviewing my UI files for web guidelines compliance?▼

To get started, ask the Skill to review your specified UI files or file patterns against the latest Web Interface Guidelines. It will fetch the current rules, analyze your code, and report any accessibility or design issues in a terse file:line format.

What is the best way to audit interface accessibility before shipping?▼

The best way to audit interface accessibility is checking your UI code against the latest Web Interface Guidelines. This Skill surfaces clear, file-level findings for accessibility, UX, and design-best-practice problems, allowing teams to fix issues quickly before deployment.

Do I need any dependencies to perform a frontend review with this tool?▼

No dependencies are required to perform a frontend review. The Skill operates independently to fetch the latest guideline source, read your specified UI files, and return terse file:line findings for accessibility and UX issues.

Related Skills

Explore More Design & Creative Skills→
dongitrandongitran
3

web-design-guidelines

Audit UI code against Web Interface Guidelines and output file:line findings.

Community
Basic
stephschofieldstephschofield

web-design-guidelines

Audit UI code for Web Interface Guidelines compliance and report findings in file:line format.

Community
Intermediate
souki202souki202

web-design-guidelines

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

Community
Intermediate
acastillo9acastillo9

web-design-guidelines

Fetch latest Web Interface Guidelines and review UI code for compliance.

Community
Basic