web-design-guidelines

Fetch external Web Interface Guidelines and review UI code for compliance.

Updated Feb 14, 2026

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

Ready to run

npx skills add https://github.com/toanalien/ezdevsecops --skill web-design-guidelines-toanalien

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/toanalien/ezdevsecops/tree/main/.opencode/skills/web-design-guidelines
Command: npx skills add https://github.com/toanalien/ezdevsecops --skill web-design-guidelines-toanalien

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps ensure that web interfaces adhere to established design and accessibility best practices, improving user experience and consistency.

Core Features & Use Cases

Automated Review: Fetches the latest web interface guidelines and applies them to specified files.
Compliance Checking: Identifies deviations from best practices in UI code.
Use Case: Use this skill to automatically check a new component's code against the latest accessibility and design standards before it's merged.

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 UI code for accessibility and design compliance?▼

To audit UI code for compliance, this skill fetches external web interface guidelines and reviews your specified local files. It identifies deviations from established best practices to improve consistency and accessibility.

What is a UI design review against web guidelines?▼

A UI design review against web guidelines is the process of checking interface code for adherence to best practices. This skill automates this by fetching external rules and applying them to your files.

Can I check a component's code against web accessibility standards before merging?▼

Yes, you can check component code against accessibility standards before merging. The skill processes local files to ensure UI code adheres to fetched web interface guidelines and UX best practices.

How do I perform an automated UX review for local web files?▼

You perform an automated UX review by specifying local web files for the skill to process. It fetches the latest web interface guidelines and flags any deviations in your UI code.

Does this UI compliance check require external guideline URLs?▼

Yes, the UI compliance check requires fetching guidelines from a remote URL. The skill applies these externally fetched rules to your local files to identify design and accessibility deviations.

What is the best way to ensure web interface consistency in component code?▼

The best way to ensure web interface consistency is automating a design audit. This skill reviews your component code against fetched web guidelines to identify and correct deviations from established standards.