web-design-guidelines

Review UI code against Web Interface Guidelines for accessibility and design best practices.

Updated Jan 25, 2026

Search Tags:#accessibility #ui review #web design #code audit #guidelines #ux

Ready to run

npx skills add https://github.com/J511Y/share-paint --skill web-design-guidelines-j511y

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/J511Y/share-paint/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/J511Y/share-paint --skill web-design-guidelines-j511y

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 user experience of web applications.

Core Features & Use Cases

Code Review: Analyzes UI code against a predefined set of web interface guidelines.
Accessibility Check: Identifies potential accessibility issues in the design.
Best Practice Audit: Verifies adherence to general web design standards.
Use Case: A developer can use this skill to quickly audit a new component's code before merging to ensure it meets the team's UI standards.

Quick Start

Use the web-design-guidelines skill to review the file 'src/components/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 audit my front-end code for accessibility and UI compliance?▼

To audit UI code, you review specific files or patterns against external web interface guidelines to verify accessibility and design best practices. This process checks your components for compliance issues before merging.

What does a UI code review for web design guidelines check?▼

A UI code review checks front-end code against established web interface guidelines. It identifies potential accessibility issues, verifies adherence to general web design standards, and highlights areas needing best practice adjustments.

Can I use this skill to review a specific component file?▼

Yes, you can review a specific component file like 'src/components/Button.js' by applying fetched external web interface guidelines. The skill analyzes the provided file pattern for accessibility and design compliance.

Do I need external guidelines to perform a UI code audit?▼

Yes, performing a UI code audit requires fetching external web interface guidelines. The skill applies these fetched standards to your specified files or patterns to evaluate accessibility and design best practices.

When do I need to run a web design guidelines check?▼

You need to run a web design guidelines check when auditing user interfaces during front-end development workflows. It is particularly useful before merging a new component to ensure it meets established team UI standards.