skills.rest
usebondery
usebonderyOFFICIAL
Explore all skills by this author →
WebsiteGitHub

web-design-guidelines

Review UI code against Web Interface Guidelines for accessibility and design inconsistencies.

15|Updated Dec 4, 2025
Search Tags:#ui#accessibility#audit#ux#design-review#web-design-guidelines
One-click install
npx skills add https://github.com/usebondery/bondery --skill web-design-guidelines-usebondery
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/usebondery/bondery/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/usebondery/bondery --skill web-design-guidelines-usebondery

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill helps teams verify UI code against the Web Interface Guidelines, reducing accessibility gaps and visual inconsistencies.

Core Features & Use Cases

  • Fetch the latest web interface guidelines before review.
  • Analyze UI files or patterns for guideline compliance.
  • Output findings in a concise file:line format to support quick fixes.
  • Use Case: audit a website's UI for accessibility and design alignment.

Quick Start

Provide the UI files you want reviewed and let this skill fetch the guidelines and return findings.

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

To audit UI code for accessibility and design inconsistencies, provide your target UI files for review. The skill fetches the latest web interface guidelines, applies all rules to your code, and outputs findings in a concise file:line format to support quick fixes.

What is a web interface guidelines review and how does it work?▼

A web interface guidelines review analyzes your UI files against the latest fetched design and accessibility rules. It reads target file patterns, applies the rules systematically, and identifies non-compliant code to reduce visual inconsistencies and accessibility gaps.

How do I check my website's UX design for accessibility compliance?▼

You can check UX design accessibility compliance by running a UI audit on your website files. The review process fetches current web interface guidelines, evaluates your code patterns, and flags specific accessibility issues for immediate correction.

Can I review specific UI file patterns for guideline compliance?▼

Yes, you can review specific UI file patterns for guideline compliance. The skill accepts target files or patterns, reads them, applies the fetched web interface guidelines, and outputs the accessibility and design findings in a file:line format.

What format do accessibility audit findings use for quick fixes?▼

Accessibility audit findings use a concise file:line format to support quick fixes. This format directly maps the identified web interface guideline violations and design inconsistencies to their exact locations in your UI code.

Related Skills

Explore More Design & Creative Skills→
eniosales08-AIeniosales08-AI

web-design-guidelines

Fetch current Web Interface Guidelines and evaluate UI files for compliance.

Community
Intermediate
anntnzrbanntnzrb
1

web-design-guidelines

Audit UI code against the latest Web Interface Guidelines.

Community
Intermediate
hschnehschne
1

design-review

Critique web interfaces against design briefs and WCAG standards.

Community
Advanced
konneh-hubkonneh-hub

web-design-guidelines

Review UI code against fetched Web Interface Guidelines for compliance.

Community
Intermediate