skills.rest
AnvinX1
AnvinX1COMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Fetch Web Interface Guidelines and audit UI code for accessibility and design consistency.

Updated Feb 12, 2026
Search Tags:#accessibility#frontend#audit#guidelines#ui-review#web-design-guidelines
One-click install
npx skills add https://github.com/AnvinX1/med-rag --skill web-design-guidelines-anvinx1
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/AnvinX1/med-rag/tree/main/medical_genai_app/.agent/skills/web-design-guidelines
Command: npx skills add https://github.com/AnvinX1/med-rag --skill web-design-guidelines-anvinx1

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill helps teams ensure UI code complies with up-to-date Web Interface Guidelines, reducing accessibility gaps and UX inconsistencies.

Core Features & Use Cases

  • Fetches the latest Web Interface Guidelines before reviews.
  • Reads target UI files and applies the guideline rules to detect accessibility, performance, and design deviations.
  • Produces concise, engine-friendly findings in a consistent file:line format for quick remediation.

Quick Start

Provide the UI files you want audited to receive guideline-based feedback and a compliance report.

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 consistency?▼

You can audit UI code by fetching up-to-date Web Interface Guidelines, parsing target UI files, and applying the rules to detect accessibility, performance, and design deviations across web components.

What is a UI review for accessibility and best practices?▼

A UI review evaluates your web components against current Web Interface Guidelines to identify accessibility gaps and UX inconsistencies, producing a compliance report for quick remediation.

How do I check if my frontend code complies with web design guidelines?▼

To check frontend compliance, provide your UI files to the review process, which reads them and applies the latest Web Interface Guidelines to detect deviations and report findings.

Can I get automated findings in a file:line format for UI accessibility issues?▼

Yes, the UI audit process produces concise, engine-friendly findings in a standardized file:line format, allowing you to quickly locate and remediate accessibility and performance issues.

Does the accessibility audit require any external dependencies or components?▼

No external dependencies or components are required to run the UI accessibility audit; it independently fetches the necessary Web Interface Guidelines and parses your target files.

When do I need to fetch Web Interface Guidelines for a UI review?▼

You need to fetch Web Interface Guidelines before reviewing UI code to ensure the audit checks for accessibility, performance, and design consistency against the most current standards.

Related Skills

Explore More Design & Creative Skills→
heyAyushhheyAyushh
3

web-design-guidelines

Identify UI accessibility, performance, and usability gaps using Web Interface Guidelines.

Community
Advanced
mahou-labsmahou-labs
1

web-design-guidelines

Identify UI code compliance gaps against Web Interface Guidelines.

Official
Intermediate
ConductionNLConductionNL
1

hydra-gate-nc-input-labels

Detect NcSelect components missing inputLabel or ariaLabelCombobox props in Nextcloud Vue files.

Official
Intermediate
aronpcaronpc
1

ui-ux

Identify and validate visual UI/UX inconsistencies across web applications.

Community
Intermediate