web-design-guidelines

Review UI code against Web Interface Guidelines and accessibility standards.

6|1|Updated Jan 23, 2026
One-click install
npx skills add https://github.com/boshi-xixixi/agenticflow-skills --skill web-design-guidelines-boshi-xixixi
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/boshi-xixixi/agenticflow-skills/tree/main/skills/02_Designer_WebGuidelines
Command: npx skills add https://github.com/boshi-xixixi/agenticflow-skills --skill web-design-guidelines-boshi-xixixi

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill ensures that your web interface code adheres to established best practices and accessibility standards, preventing common design and usability issues.

Core Features & Use Cases

  • Automated Code Review: Scans UI code against a comprehensive set of web interface guidelines.
  • Accessibility Auditing: Checks for common accessibility pitfalls.
  • Best Practice Enforcement: Verifies adherence to modern web design principles.
  • Use Case: Before deploying a new feature, run this Skill to automatically audit the UI code for compliance with accessibility standards and design best practices.

Quick Start

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

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 web accessibility compliance?

To review UI code for web design best practices, you can run an automated audit that scans your front-end components against modern web interface guidelines, verifying adherence to established design principles before deployment.

Can I check a specific component file like Button.jsx for design best practices?

Yes, you can check a specific component file like Button.jsx for design best practices by passing the file path to the UI review skill, which will scan that individual component for compliance with web interface guidelines and accessibility standards.

What does an automated UI code audit check for?

An automated UI code audit checks for compliance with web interface guidelines, scanning front-end code to enforce modern web design best practices and identify common accessibility pitfalls before a new feature is deployed.

Do I need to manually update the web guidelines for the code review?

You do not need to manually update the web guidelines because the code review process fetches the latest rules from a specified GitHub raw URL, ensuring the UI audit applies the most up-to-date accessibility standards automatically.

When should I run an accessibility check on my web interface?

You should run an accessibility check on your web interface before deploying a new feature, using an automated code audit to verify compliance with web design best practices and prevent common usability issues in production.