skills.rest
OmarMira
OmarMiraCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Review UI code for compliance with Web Interface Guidelines and accessibility.

Updated Dec 24, 2025
Search Tags:#ui#code review#best practices#accessibility#web design#ux
One-click install
npx skills add https://github.com/OmarMira/Coontabilidad --skill web-design-guidelines-omarmira
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/OmarMira/Coontabilidad/tree/main/.agent/skills/web-design-guidelines
Command: npx skills add https://github.com/OmarMira/Coontabilidad --skill web-design-guidelines-omarmira

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill ensures your web interface code adheres to established best practices for UI design, accessibility, and performance.

Core Features & Use Cases

  • Compliance Review: Checks UI code against a comprehensive set of web interface guidelines.
  • Accessibility Audit: Identifies potential accessibility issues in your design.
  • Best Practice Verification: Ensures your UI follows modern web development standards.
  • Use Case: After developing a new feature, use this Skill to automatically audit the UI code for compliance before deployment.

Quick Start

Review the UI code in the 'src/components' directory for compliance with web interface guidelines.

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

You audit UI code by fetching the latest web interface guidelines from a specified URL and applying all defined rules to your provided files or directory patterns to identify accessibility issues and design flaws.

What is the best way to check web design compliance before deployment?▼

The best way to check web design compliance before deployment is to run an automated review of your UI code against fetched web interface guidelines, verifying accessibility and best practices across your components.

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

Yes, you can review UI code in a specific directory by providing the target path, such as 'src/components', and the system will apply all defined web interface guideline rules to audit the files within that location.

Does the accessibility audit fetch guidelines from an external URL?▼

Yes, the accessibility audit fetches the latest guidelines from a specified URL, ensuring the compliance review applies the most current defined rules to your UI code and identifies potential accessibility issues.

Why should I use an automated UI code review for accessibility?▼

You should use an automated UI code review to efficiently identify potential accessibility issues and design flaws in your frontend codebase, ensuring your web interface adheres to established best practices without manual inspection.

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
FindMalekFindMalek
9

web-design-guidelines

Audits frontend components for compliance with Web Interface Guidelines.

Community
Intermediate
VidyaBodepudiVidyaBodepudi
2

frontend-ui-engineering

Review web components for accessibility, responsiveness, and performance.

Community
Advanced
fabioc-alohafabioc-aloha
1

UI/UX Design

Audit UI/UX designs for WCAG 2.1 AA accessibility and design token consistency.

Community
Advanced