skills.rest
masermediagroup-stack
masermediagroup-stackCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

web-design-guidelines

Identify UI code violating Web Interface Guidelines and report rule-specific findings.

1|Updated Apr 8, 2026
Search Tags:#ui#accessibility#design-review#ux-audit#web-guidelines
One-click install
npx skills add https://github.com/masermediagroup-stack/CursorSkills --skill web-design-guidelines-masermediagroup-stack
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/masermediagroup-stack/CursorSkills/tree/main/skills-bundle/skills/web-design-guidelines
Command: npx skills add https://github.com/masermediagroup-stack/CursorSkills --skill web-design-guidelines-masermediagroup-stack

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

UI code often diverges from established Web Interface Guidelines, leading to inconsistent UX and accessibility gaps. This skill fetches the latest rules and checks assets against them to surface issues for remediation.

Core Features & Use Cases

  • Fetch the latest guidelines from the source.
  • Check files against all rules in the guidelines.
  • Use Case: Run audits on a web project to surface accessibility or UX issues for remediation.

Quick Start

Provide the UI files or patterns to review and let the skill fetch guidelines and report 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 UI code for accessibility and UX best practices?▼

To audit UI code, you can provide your web project files for review. The tool fetches the latest web interface guidelines and checks your assets against them to surface accessibility and UX violations for remediation.

What is a UX audit and how does it identify web guideline violations?▼

A UX audit checks your web project files against established web interface guidelines. It fetches current rules, evaluates your UI code, and outputs concise, rule-specific findings indicating where your design violates accessibility or UX standards.

Can I use this for an accessibility audit on an existing web app codebase?▼

Yes, this works for existing web apps and codebases. You provide the UI files or patterns to review, and it checks them against all rules in the fetched guidelines to surface accessibility issues for remediation.

What's the best way to review design consistency across a website?▼

The best way to review design consistency is running a guideline audit on your UI code. It fetches the latest web interface guidelines, checks your files against all rules, and outputs actionable findings to correct divergent UX patterns.

Do I need to manually input web design guidelines for a code review?▼

No, you do not need to manually input web design guidelines. The tool automatically fetches fresh guidelines from its source and applies them to your provided UI files to generate standardized, actionable findings.

Why does my UI code have inconsistent UX and accessibility gaps?▼

UI code often diverges from established web interface guidelines, leading to inconsistent UX and accessibility gaps. Running an automated audit checks your files against the latest rules to surface these specific violations for remediation.

Related Skills

Explore More Design & Creative Skills→
emersoftwareemersoftware
1

web-design-guidelines

Analyze UI source code for compliance with Web Interface Guidelines.

Community
Intermediate
zyx77550zyx77550

web-design-guidelines

Identify Web Interface Guidelines violations in UI codebases and report file:line findings.

Community
Intermediate
keshav55keshav55

atris-design

Enforce frontend aesthetics policies for UI components and design systems.

Community
Basic
lyzno1lyzno1
1

web-design-guidelines

Audit UI code against current Web Interface Guidelines for accessibility and consistency.

Community
Basic