skills.rest
BeastAyyG
BeastAyyGCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

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
One-click install
npx skills add https://github.com/BeastAyyG/Campus-Cupids --skill web-design-guidelines-beastayyg
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
multica-aimultica-ai
44.9k

web-design-guidelines

Fetch Web Interface Guidelines and audit UI files for compliance.

Official
Intermediate
FindMalekFindMalek
9

web-design-guidelines

Audits frontend components for compliance with Web Interface Guidelines.

Community
Intermediate
wjyugutouwjyugutou

web-design-guidelines

Automate UI code review against Web Interface Guidelines for accessibility and consistency.

Community
Intermediate
ShauryaUdayMisraShauryaUdayMisra

web-design-guidelines

Check UI code compliance against Web Interface Guidelines.

Community
Advanced