web-design-guidelines

Reviews UI code for compliance with Web Interface Guidelines.

Updated Mar 10, 2026

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

Ready to run

npx skills add https://github.com/buisihung11/prototype-zero --skill web-design-guidelines-buisihung11

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/buisihung11/prototype-zero/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/buisihung11/prototype-zero --skill web-design-guidelines-buisihung11

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps ensure that user interface code adheres to established Web Interface Guidelines, improving consistency and quality.

Core Features & Use Cases

Automated Review: Scans code files against a predefined set of design and accessibility rules.
Compliance Checking: Verifies adherence to best practices for web interfaces.
Use Case: Developers can use this skill to automatically audit their UI components for accessibility issues and design standard compliance before deployment.

Quick Start

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

Frequently Asked Questions about web-design-guidelines

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

FAQPage Schema

How do I check my UI code for accessibility and web design compliance?▼

To check UI code for accessibility compliance, this skill scans your files against established Web Interface Guidelines, verifying front-end components for design best practices before deployment.

Can I use this skill to audit a specific front-end component file?▼

Yes, you can audit a specific front-end component file by specifying its path, such as 'src/components/Button.tsx', and the skill will analyze it against external web design guidelines.

What does automated UI code review for web design guidelines cover?▼

Automated UI code review for web design guidelines covers compliance checking for accessibility rules and design best practices, ensuring your user interface code maintains consistency and quality.

Do I need to provide external web interface guidelines for the code audit?▼

Yes, the skill requires fetching external guidelines to analyze your specified UI files against these predefined rules, applying the fetched standards to your front-end development workflow.

When should I run a web design guidelines check in my front-end workflow?▼

You should run a web design guidelines check during front-end development workflows and code audits before deployment, ensuring your UI components meet accessibility standards and design consistency requirements.