skills.rest
sayeedjoy
sayeedjoyCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

web-design-guidelines

Review UI code against Web Interface Guidelines and accessibility standards.

12|5|Updated Feb 8, 2026
Search Tags:#ui#code review#accessibility#web design#guidelines#ux
One-click install
npx skills add https://github.com/sayeedjoy/seucampusmate-web --skill web-design-guidelines-sayeedjoy
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/sayeedjoy/seucampusmate-web/tree/main/.cursor/skills/web-design-guidelines
Command: npx skills add https://github.com/sayeedjoy/seucampusmate-web --skill web-design-guidelines-sayeedjoy

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps ensure that web interface code adheres to established design and accessibility best practices, improving the quality and consistency of user interfaces.

Core Features & Use Cases

  • Compliance Review: Audits UI code against a set of predefined web interface guidelines.
  • Accessibility Check: Identifies potential accessibility issues in the design and implementation.
  • Best Practice Enforcement: Verifies adherence to modern web development standards.
  • Use Case: A developer can use this Skill to automatically check a new component's code against the latest design system rules before merging it into the main branch.

Quick Start

Use the web-design-guidelines skill to review the accessibility of the file named 'button.js'.

Frequently Asked Questions about web-design-guidelines

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

FAQPage Schema
How do I review UI code for web design and accessibility compliance?▼

To review UI code for web design and accessibility compliance, fetch the latest guidelines from a specified URL and apply them to your user-provided front-end files or patterns.

What does an accessibility check for front-end components involve?▼

An accessibility check for front-end components involves auditing user interface elements against established Web Interface Guidelines to identify potential accessibility issues and ensure adherence to best practices.

Can I use this to enforce web standards before merging new UI code?▼

Yes, you can enforce web standards before merging new UI code by automatically checking your component's code against the latest design system rules to verify adherence to modern web development standards.

Do I need to provide a URL to audit user interface elements?▼

Yes, you need to provide a URL to fetch the latest guidelines required for auditing user interface elements and applying the compliance review to your provided files.

What is the best way to verify adherence to modern web development standards?▼

The best way to verify adherence to modern web development standards is to perform a compliance review that audits your UI code against predefined web interface guidelines and accessibility best practices.

Why does my UI code need a compliance review against design system rules?▼

Your UI code needs a compliance review against design system rules to improve the quality and consistency of user interfaces by ensuring front-end development adheres to established design and accessibility best practices.

Related Skills

Explore More Design & Creative Skills→
gesmith0606gesmith0606

web-design-guidelines

Audit HTML and CSS files against Web Interface Guidelines.

Community
Intermediate
ryan-mtryan-mt
3

web-design-guidelines

Check UI code compliance with Web Interface Guidelines.

Community
Advanced
brGuirrabrGuirra

web-design-guidelines

Reviews web application UI code for compliance with interface guidelines.

Community
Intermediate
tan-yong-shengtan-yong-sheng
1

web-design-guidelines

Identify UI accessibility and design guideline violations in web projects.

Community
Intermediate