web-design-guidelines

Fetch and apply Web Interface Guidelines to audit UI code.

Updated Mar 7, 2026

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

Ready to run

npx skills add https://github.com/pratikpakhale/convex-next-starter --skill web-design-guidelines-pratikpakhale

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/pratikpakhale/convex-next-starter/tree/main/.agent/skills/web-design-guidelines
Command: npx skills add https://github.com/pratikpakhale/convex-next-starter --skill web-design-guidelines-pratikpakhale

SYSTEM DOCUMENTATION & REQUIREMENTS

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 of web designs.

Core Features & Use Cases

Compliance Review: Audits UI code against a set of predefined web interface best practices.
Automated Feedback: Provides findings in a structured format for quick identification of issues.
Use Case: When developing a new feature, use this Skill to automatically check the new UI components against the company's design system and accessibility standards before merging.

Quick Start

Use the web-design-guidelines skill to review the UI code in the src/components directory.

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

You can review UI code for web design compliance by auditing files against established Web Interface Guidelines. The skill fetches remote rules to check components for accessibility issues and ensures adherence to best practices.

What is the best way to ensure new web components meet design system standards before merging?▼

The best way to ensure components meet design standards is running an automated compliance review. This audits UI code against predefined best practices, providing structured feedback to identify accessibility issues before merging.

Can I review code in a specific directory using web interface guidelines?▼

Yes, you can review code in a specific directory by applying web interface guidelines to specified files or patterns. This allows targeted audits of directories like your components folder against fetched remote rules.

Does a UI code review require fetching external guidelines?▼

Yes, a UI code review requires fetching external guidelines from a remote source. This ensures the compliance audit checks your web design against the latest established web standards and best practices.

What limitations exist when auditing UI code for web standards?▼

A limitation when auditing UI code for web standards is the dependency on fetching remote guidelines. If external sources are unavailable, the compliance review cannot apply the latest accessibility and design best practices.