web-design-guidelines

Review UI code for compliance with Web Interface Guidelines.

Updated Jan 8, 2026

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

Ready to run

npx skills add https://github.com/VoTruongDanh/AI_Cafe --skill web-design-guidelines-votruongdanh

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/VoTruongDanh/AI_Cafe/tree/main/ai-service/.agent/skills/web-design-guidelines
Command: npx skills add https://github.com/VoTruongDanh/AI_Cafe --skill web-design-guidelines-votruongdanh

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 usability.

Core Features & Use Cases

Code Review: Analyzes UI code against a set of predefined web interface guidelines.
Compliance Checking: Audits for accessibility, performance, and general design best practices.
Use Case: After developing a new feature, use this Skill to automatically check if the UI components meet accessibility standards before deployment.

Quick Start

Use the web-design-guidelines skill to review the accessibility of the file 'index.html'.

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 guideline compliance?▼

To audit UI code for web design compliance, use this skill to review your frontend codebase against predefined web interface guidelines. It fetches external standards and analyzes specified files to identify accessibility and design best practice violations.

What is UI accessibility compliance checking for frontend codebases?▼

UI accessibility compliance checking is the process of reviewing frontend code to verify adherence to established web interface guidelines. This skill analyzes specified files or patterns to detect accessibility violations and ensure components meet design standards.

Can I check if my HTML file meets accessibility standards before deployment?▼

Yes, you can check if your HTML file meets accessibility standards before deployment by running this skill against the specified file. It fetches external guidelines and analyzes your code to verify compliance with accessibility and design best practices.

Does the UI code audit work with specific file patterns or entire codebases?▼

The UI code audit works with both specific file patterns and entire frontend codebases. The skill analyzes specified files or patterns against fetched external guidelines, allowing targeted reviews of individual components or broader project directories.

What are the limitations of automated web interface guideline reviews?▼

Automated web interface guideline reviews are limited to analyzing static code patterns against fetched external guidelines, meaning they cannot evaluate dynamic user interactions or visual rendering. The skill focuses strictly on code-level compliance with accessibility and design best practices.