skills.rest
curiousanthony
curiousanthonyCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Review UI code against Web Interface Guidelines for accessibility and design compliance.

Updated Aug 27, 2026
Search Tags:#accessibility#ui review#design audit#web guidelines#ux best practices
One-click install
npx skills add https://github.com/curiousanthony/supabase-sveltekit --skill web-design-guidelines-curiousanthony
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/curiousanthony/supabase-sveltekit/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/curiousanthony/supabase-sveltekit --skill web-design-guidelines-curiousanthony

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

Core Features & Use Cases

  • UI Code Review: Automatically checks UI code against a set of predefined web interface guidelines.
  • Accessibility Audits: Identifies potential accessibility issues within the user interface.
  • Design Best Practices: Verifies adherence to general UX and design principles.
  • Use Case: A developer can use this skill to quickly audit a new component's UI code before merging it into the main branch, catching common design and accessibility pitfalls.

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

To audit UI code for accessibility and design best practices, review your files against established web interface guidelines to identify potential usability pitfalls and compliance issues before merging components.

What is a UI code review for web interface guidelines?▼

A UI code review for web interface guidelines checks user-provided files or patterns against fetched standards to verify adherence to UX principles, catch accessibility issues, and improve overall usability.

Can I check site accessibility using a specific URL for standards?▼

Yes, you can check site accessibility by fetching the latest guidelines from a specified URL and applying those established standards to your user-provided UI files for compliance verification.

Does this UI review process work with files in a component directory?▼

Yes, this UI review process works with files in a component directory, allowing developers to automatically check UI code in paths like src/components against predefined web interface guidelines.

What is the best way to verify UX against established standards?▼

The best way to verify UX against established standards is to automatically review UI code for compliance with web interface guidelines, identifying potential accessibility issues and design pitfalls quickly.

Related Skills

Explore More Design & Creative Skills→
vuminhieuvuminhieu

web-design-guidelines

Audit UI code against Web Interface Guidelines and report file:line findings.

Community
Intermediate
FeedbackFriendsFeedbackFriends
1

web-design-guidelines

Checks HTML, CSS, and JavaScript files for UI and accessibility standard compliance.

Official
Intermediate
muhammadhamad1104muhammadhamad1104

health

Execute type checks, linters, and tests to compute a codebase health score.

Community
Advanced
htafollahtafolla
5

framework-compliance-audit

Audit and validate framework compliance with detailed audit reports.

Community
Intermediate