web-design-guidelines

Audit UI code against the latest Web Interface Guidelines.

Updated Jan 7, 2024
One-click install
npx skills add https://github.com/angelriera-dev/angelriera-dev.github.io --skill web-design-guidelines-angelriera-dev
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/angelriera-dev/angelriera-dev.github.io/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/angelriera-dev/angelriera-dev.github.io --skill web-design-guidelines-angelriera-dev

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Streamline compliance checks by auditing UI code against the latest Web Interface Guidelines to reduce design risks and accessibility gaps.

Core Features & Use Cases

  • Fetch the latest guidelines from the source URL
  • Read the specified files (or prompt user for files/pattern)
  • Check against all rules in the fetched guidelines
  • Output findings in the terse file:line format

Quick Start

Provide the target files or pattern to review, and I will fetch the latest guidelines and audit the files for 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 my UI code for web accessibility compliance?

To audit UI code for accessibility compliance, provide your target files to review. The Skill fetches the latest web interface guidelines, parses the files, applies all rules, and reports findings in a file:line format.

What is the best way to check my site against web design best practices?

Checking your site against web design best practices involves fetching the latest guideline rules and parsing your target files. The audit applies all fetched rules to your UI code and outputs specific findings in a file:line format.

Can I review UX and accessibility across multiple files in my web project?

Yes, you can review UX and accessibility across multiple files. You need to provide the specified files or a file pattern, and the audit will check all matched files against the fetched web interface guidelines and report any compliance gaps.

Do I need to manually supply web interface guidelines for a design review?

No, you do not need to manually supply web interface guidelines for a design review. The Skill automatically fetches the latest rules from the source URL before parsing your target files and applying the checks.

How are accessibility gaps and design risks reported after an audit?

Accessibility gaps and design risks are reported in a terse file:line format. After applying all fetched web interface guidelines to your UI code, the output identifies specific locations of compliance failures.

What limitations exist when checking UI code against web guidelines?

A limitation when checking UI code against web guidelines is that the audit requires you to specify target files or patterns upfront. It focuses on parsing provided source files and reporting compliance findings rather than scanning deployed URLs directly.