skills.rest
capaas2
capaas2COMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Review UI code for web interface guideline compliance and accessibility violations.

Updated Apr 4, 2026
Search Tags:#accessibility#frontend#design review#ui audit#ux review#web guidelines
One-click install
npx skills add https://github.com/capaas2/Site-teste --skill web-design-guidelines-capaas2
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/capaas2/Site-teste/tree/main/.agent/skills/web-design-guidelines
Command: npx skills add https://github.com/capaas2/Site-teste --skill web-design-guidelines-capaas2

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps you review user interface code for compliance with web interface guidelines, catching accessibility, usability, and implementation issues before they ship.

Core Features & Use Cases

  • Guideline-based audits: Compares UI files against the latest published web interface rules.
  • Targeted file review: Checks specific files or patterns you provide and returns findings in a concise review format.
  • Best-practice validation: Useful for post-implementation QA, accessibility checks, and design-system compliance reviews.

Quick Start

Ask the skill to review your UI files for web interface guideline compliance.

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 web interface guideline compliance?▼

To audit UI code against web guidelines, review frontend components and pages against the latest published web interface rules to identify accessibility, usability, and best-practice violations. The process fetches external guideline sources and returns concise file-and-line findings for inspected interface files.

What is a web design review for frontend components?▼

A web design review for frontend components is a validation process that checks specific UI files or patterns against web interface guidelines. It catches accessibility, usability, and implementation issues before they ship, returning targeted findings in a concise review format.

Can I use this for post-implementation QA and accessibility checks?▼

Yes, you can use this for post-implementation QA and accessibility checks. It compares provided UI files against the latest published web interface rules, making it useful for design-system compliance reviews and validating best practices during quality assurance.

What's the best way to check accessibility violations in frontend components?▼

The best way to check accessibility violations in frontend components is to run a guideline-based audit that fetches the latest external web interface rules. This targets specific files or patterns you provide and returns concise file-and-line findings from the inspected code.

Does this UI audit require specific dependencies or frameworks?▼

No, this UI audit does not require specific dependencies or frameworks. It operates as a standalone review tool that fetches the latest external guideline sources and inspects the frontend interface files you provide for compliance.

Related Skills

Explore More Design & Creative Skills→
alexzhang1030alexzhang1030

web-design-guidelines

Review UI code for web interface guideline compliance and accessibility issues.

Community
Intermediate
pckienuitpckienuit

web-design-guidelines

Review UI files for Web Interface Guidelines compliance with file:line findings.

Community
Intermediate
alexzuoshalexzuosh

web-design-guidelines

Audit UI code against Web Interface Guidelines for compliance and accessibility.

Community
Basic
LschulzesLschulzes

web-design-guidelines

Evaluate UI code against Web Interface Guidelines to detect deviations.

Community
Intermediate