skills.rest
mhbdev
mhbdevCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Reviews UI code for compliance with Web Interface Guidelines and accessibility standards.

Updated Aug 23, 2026
Search Tags:#code review#accessibility#ui review#design audit#web guidelines#ux best practices
One-click install
npx skills add https://github.com/mhbdev/git-pal --skill web-design-guidelines-mhbdev
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/mhbdev/git-pal/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/mhbdev/git-pal --skill web-design-guidelines-mhbdev

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps ensure that web interfaces adhere to established design and accessibility best practices, improving user experience and consistency.

Core Features & Use Cases

  • Compliance Checking: Audits UI code against a comprehensive set of web interface guidelines.
  • Accessibility Review: Identifies potential accessibility issues in the user interface.
  • Design Consistency: Verifies that the design aligns with established best practices.
  • Use Case: A developer can use this skill to automatically check a new component or page for compliance with Vercel's Web Interface Guidelines before merging it.

Quick Start

Use the web-design-guidelines skill to review the file 'src/components/Button.tsx' for compliance.

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 for web design guidelines and accessibility?▼

You can audit UI code for web design guidelines by scanning specified files against a dynamic set of remote rules to identify accessibility issues and verify adherence to established UX and UI standards.

What is a design audit for web interfaces?▼

A design audit for web interfaces reviews UI code for compliance with established design and accessibility best practices, improving user experience and consistency across web applications.

How do I check my React components for accessibility issues before merging?▼

You can check React components for accessibility issues by running a compliance review on the specific file, such as 'src/components/Button.tsx', to ensure it meets web interface guidelines.

Can I review specific file patterns for UX best practices?▼

Yes, you can review specific file patterns for UX best practices by scanning them against a dynamic set of rules fetched from a remote source to ensure adherence to web interface standards.

Does this UI review tool require any external dependencies?▼

No, this UI review tool operates without external dependencies, directly scanning your UI code against fetched remote rules to check for compliance with web interface guidelines.

Related Skills

Explore More Design & Creative Skills→
remcostoetenremcostoeten
14

web-design-guidelines

Audit web interface code against design and accessibility standards.

Community
Intermediate
leafcoderleafcoder
2

web-design-guidelines

Audit web interface code for WCAG, ARIA, and UX compliance.

Community
Intermediate
apexradiusapexradius

a11y-check

Audit web content accessibility against WCAG 2.2 AA standards.

Official
Advanced
giosuetedeschi-specgiosuetedeschi-spec

web-design-guidelines

Evaluate web interface code for compliance with design and accessibility standards.

Community
Intermediate