skills.rest
pratikpakhale
pratikpakhaleCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

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
One-click install
npx skills add https://github.com/pratikpakhale/convex-next-starter --skill web-design-guidelines-pratikpakhale
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
remcostoetenremcostoeten
14

web-design-guidelines

Audit web interface code against design and accessibility standards.

Community
Intermediate
vijaychandar186vijaychandar186

web-design-guidelines

Assess UI code for Web Interface Guidelines compliance and flag violations.

Community
Intermediate
coco-researchcoco-research
264

web-design-guidelines

Review UI code against Web Interface Guidelines and flag violations.

Community
Intermediate
47thtechcorner47thtechcorner
21

web-design-guidelines

Audit local UI files against remote web design and accessibility guidelines.

Community
Intermediate