skills.rest
budgie-at
budgie-atOFFICIAL
Explore all skills by this author →
WebsiteGitHub

web-design-guidelines

Check UI code against Web Interface Guidelines and report accessibility gaps.

5|1|Updated Sep 26, 2025
Search Tags:#accessibility#a11y#frontend#guidelines#quality-assurance#web-design#UI-review
One-click install
npx skills add https://github.com/budgie-at/budgie --skill web-design-guidelines-budgie-at
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/budgie-at/budgie/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/budgie-at/budgie --skill web-design-guidelines-budgie-at

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill automates checking UI code against Web Interface Guidelines to identify accessibility and UX compliance gaps.

Core Features & Use Cases

  • Fetch latest guidelines from the source URL and apply them to target UI files
  • Read specified files or patterns and evaluate against all rules
  • Output findings in a terse file:line format suitable for integration into CI or reviews
  • Use Case: QA engineer runs a quick audit on a pull request to ensure accessibility conformance

Quick Start

Use the web-design-guidelines skill to audit the UI files in the 'src' directory against the latest 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 my web frontend code for accessibility and UX compliance?▼

To audit web frontend code for accessibility, this skill checks your UI files against Web Interface Guidelines, identifying a11y and UX gaps. It reads target files, applies remote rules, and outputs findings in a terse file:line format suitable for CI integration.

Can I use this accessibility checker on specific directories or individual files?▼

Yes, this accessibility checker can be applied to web frontend projects, specific directories, or individual files. You can target the 'src' directory or any specific path where design and accessibility conformance must be verified.

What format does the UI review report use for CI integration?▼

The UI review report outputs results in a terse file:line format. This style is specifically designed for integration into CI pipelines or code reviews, making it easy to track accessibility and UX compliance gaps directly in your development workflow.

Does this automated accessibility audit fetch the latest guidelines from a remote source?▼

Yes, the automated accessibility audit fetches the latest guidelines from a remote source URL. It retrieves current Web Interface Guidelines, reads your target UI files, applies all rules, and generates a report identifying compliance gaps.

What is the best way to check a pull request for accessibility conformance?▼

The best way to check a pull request for accessibility conformance is running this skill as a QA audit. It evaluates UI code changes against Web Interface Guidelines and outputs a concise file:line report of any accessibility or UX compliance gaps found.

Related Skills

Explore More Design & Creative Skills→
CodeWithKarolCodeWithKarol

web-design-guidelines

Validate UI code against Web Interface Guidelines and report file:line issues.

Community
Basic
chris-c-thomaschris-c-thomas
3

web-design-guidelines

Review UI code against official Web Interface Guidelines and report violations in file:line format.

Community
Intermediate
CallMeLuigiv2CallMeLuigiv2

web-design-guidelines

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

Community
Basic
zeronx798zeronx798

dogfood

Navigate web pages and interact with DOM elements to detect functional, visual, accessibility issues via browser snapshots and console error monitoring, producing structured bug reports.

Community
Advanced