web-design-guidelines

Audits UI code files for compliance with Web Interface Guidelines.

Updated Sep 2, 2025
One-click install
npx skills add https://github.com/rafaelminatto1/fisioflow-51658291 --skill web-design-guidelines-rafaelminatto1
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/rafaelminatto1/fisioflow-51658291/tree/main/.agent/skills/web-design-guidelines
Command: npx skills add https://github.com/rafaelminatto1/fisioflow-51658291 --skill web-design-guidelines-rafaelminatto1

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Review UI code for compliance with Web Interface Guidelines to ensure accessibility, UX consistency, and performance standards across web interfaces.

Core Features & Use Cases

  • Fetch latest guidelines from the official source
  • Read target UI files or patterns and apply rules
  • Output findings in a concise file:line format to aid rapid fixes

Quick Start

Submit the UI files you want audited and I will fetch the latest guidelines to run the review.

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 my frontend code for UI accessibility and UX consistency?

To audit frontend code for accessibility and UX consistency, submit your UI files to the Skill. It fetches up-to-date web interface guidelines, validates your code against all rules, and reports accessibility findings in a concise file:line format for rapid fixes.

Can I review an entire design system for web accessibility compliance?

Yes, you can review an entire design system for web accessibility compliance. The Skill applies its audit rules across web applications, pages, widgets, and UI components within your design system to ensure they meet current usability and accessibility standards.

What is the output format when checking UI components against web design guidelines?

The output format when checking UI components against web design guidelines is a terse file:line report. This concise format directly maps each accessibility and usability finding to the exact location in your frontend codebase, enabling rapid fixes without verbose explanations.

How do I ensure my web interface follows the latest accessibility standards?

To ensure your web interface follows the latest accessibility standards, the Skill fetches guidelines directly from a remote official source. This guarantees your UI code is always validated against the most current web interface guidelines rather than outdated static rules.

Does this accessibility audit work with any frontend codebase?

Yes, the accessibility audit works with any frontend codebase. It reads target UI files or patterns directly from your web application and validates them, meaning it is compatible with various web frameworks as long as the code is accessible as files.

What are the limitations of using automated web design guideline reviews?

Automated web design guideline reviews are limited to validating code against predefined rules and reporting findings in a file:line format. They do not perform complex runtime interactions, visual rendering checks, or fix the code automatically, requiring developers to manually resolve the identified accessibility issues.