web-design-guidelines

Reviews UI code against the latest Web Interface Guidelines, returning terse file:line findings.

1|Updated Oct 10, 2025
One-click install
npx skills add https://github.com/cgRGM/rivercitymd --skill web-design-guidelines-cgrgm
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/cgRGM/rivercitymd/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/cgRGM/rivercitymd --skill web-design-guidelines-cgrgm

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps you quickly verify whether a user interface follows modern Web Interface Guidelines, reducing the time spent manually checking design, accessibility, and interaction details.

Core Features & Use Cases

  • Guideline-Based Review: Compares UI code against the latest published web interface rules.
  • File-Level Auditing: Inspects the specific files you provide and returns focused findings.
  • Use Case: A designer or engineer can use this Skill to review a component implementation before shipping and catch accessibility or UX issues early.

Quick Start

Ask this Skill to review the specified UI files for Web Interface Guidelines compliance and return terse file:line findings.

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 UI code against web interface guidelines?

To audit UI code against web interface guidelines, submit your component files for review and the system inspects them to return terse file:line findings aligned to the latest published rules. This catches accessibility and UX issues early before shipping.

What is a web interface design audit?

A web interface design audit is a file-level inspection process that compares user interface code and interaction states against the latest web guidelines. It identifies specific accessibility and UX compliance issues by returning focused file:line findings.

Does this UX review process work with individual web app components?

Yes, this UX review process works with individual web app components. It applies to web app screens, components, and interaction states, allowing you to verify compliance for specific files before shipping rather than auditing the entire application at once.

How do I check my component implementation for accessibility compliance?

To check your component implementation for accessibility compliance, provide the specific UI files for inspection. The system retrieves fresh guidelines and evaluates the code to output terse file:line findings focused on accessibility and interaction state issues.

What's the best way to catch UX issues before shipping a web app screen?

The best way to catch UX issues before shipping a web app screen is to run a file-level guideline review on the implementation. This compares your code against the latest web interface rules and returns targeted file:line findings to fix early.

Do I need to provide specific files for a web guidelines compliance check?

Yes, you need to provide specific files for a web guidelines compliance check. The system performs file-level inspection on the exact files you submit to generate focused findings, rather than scanning an entire project or applying generic rules.