web-design-guidelines

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

Updated Mar 7, 2026
One-click install
npx skills add https://github.com/devon87warren-afk/eboss-monorepo --skill web-design-guidelines-devon87warren-afk
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/devon87warren-afk/eboss-monorepo/tree/main/apps/manager/.agent/skills/web-design-guidelines
Command: npx skills add https://github.com/devon87warren-afk/eboss-monorepo --skill web-design-guidelines-devon87warren-afk

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, accessibility, and overall quality.

Core Features & Use Cases

  • Code Review: Automatically checks UI code against a predefined set of best practices and accessibility standards.
  • Guideline Fetching: Dynamically retrieves the latest guidelines from a specified source to ensure up-to-date compliance checks.
  • Use Case: After developing a new feature, use this Skill to audit the UI code for compliance with accessibility standards and design best practices before deployment.

Quick Start

Use the web-design-guidelines skill to review the file 'src/components/Button.js' 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 my UI code for accessibility and best practices compliance?

You can audit UI code by checking it against web interface guidelines for accessibility, performance, and best practices. This process involves fetching external standards and analyzing frontend file patterns to ensure adherence to established design rules.

What is a UI code audit for web design guidelines?

A UI code audit is a review process that checks frontend codebases against established design standards. It dynamically retrieves external guidelines to ensure up-to-date compliance checks for accessibility, performance, and overall interface quality.

Can I check a specific component file for web design compliance?

Yes, you can check a specific component file for web design compliance by specifying its file path. The audit will analyze that particular file against established web interface guidelines, checking for accessibility and performance best practices.

Does the UI review process work without an internet connection?

No, the UI review process requires an internet connection because it dynamically fetches external guidelines. It retrieves the latest design standards from specified sources to ensure up-to-date compliance checks during the code audit.

When should I perform a UI code review for accessibility standards?

You should perform a UI code review for accessibility standards after developing a new feature and before deployment. This ensures the new UI code adheres to established web interface guidelines and best practices.