web-design-guidelines

Name: web-design-guidelines
Availability: InStock
Author: BeastAyyG

Apply Web Interface Guidelines to UI code and report issues in file:line format.

1|Updated Feb 14, 2026

Search Tags:#accessibility #frontend #best-practices #web-design #design-review #ux-audit #ui-guidelines

Ready to run

npx skills add https://github.com/BeastAyyG/Campus-Cupids --skill web-design-guidelines-beastayyg

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/BeastAyyG/Campus-Cupids/tree/main/.agent_backup/skills/web-design-guidelines
Command: npx skills add https://github.com/BeastAyyG/Campus-Cupids --skill web-design-guidelines-beastayyg

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps teams ensure their web interfaces comply with established Web Interface Guidelines, improving accessibility, usability, and consistency.

Core Features & Use Cases

Fetch fresh guidelines from the source URL and apply them to your UI codebase.
Read project files and assets to identify accessibility, performance, and UX issues.
Use cases include reviewing a live site, validating a design system, or auditing code against guidelines.

Quick Start

Run a guidelines audit on your UI files to surface accessibility and UX issues.

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 frontend code for accessibility and UX issues?▼

To audit frontend code for accessibility and UX issues, fetch fresh web interface guidelines from the official URL and apply them to your UI codebase to identify performance and consistency problems in a concise file:line format.

What is a UI guidelines audit and when do I need one?▼

A UI guidelines audit applies established web interface rules to your project to identify accessibility, performance, and consistency issues. You need one when validating a design system, reviewing a live site, or auditing code for usability compliance.

Can I use this web design review on a live site?▼

Yes, you can use this web design review on a live site. The audit supports code reviews across repositories and live sites by parsing target files and reporting accessibility and UX findings in a concise file:line format.

Does the UX audit require fetching rules from the official guidelines URL?▼

Yes, the UX audit requires fetching the latest rules from the official guidelines URL. This ensures the design review identifies accessibility, performance, and consistency issues based on the most current web interface standards.

What's the best way to validate a design system against best practices?▼

The best way to validate a design system against best practices is to run a guidelines audit on your UI files. This surfaces accessibility, performance, and consistency issues by applying web interface guidelines to your codebase.