web-design-guidelines

Review UI code against Web Interface Guidelines for accessibility and visual compliance.

1|1|Updated Jan 23, 2026
One-click install
npx skills add https://github.com/woody1234567/Nuxt_tech_blog --skill web-design-guidelines-woody1234567
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/woody1234567/Nuxt_tech_blog/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/woody1234567/Nuxt_tech_blog --skill web-design-guidelines-woody1234567

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Reviews UI code against Web Interface Guidelines to ensure accessibility, UX consistency, and visual design compliance across projects.

Core Features & Use Cases

  • Guidelines-based checks: Validates UI files against the latest official Web Interface Guidelines.
  • Accessibility validation: Checks contrast, keyboard navigation, ARIA attributes, and semantic HTML.
  • UX and visual consistency: Verifies patterns, spacing, typography, and component usage across pages. Use Case: When auditing a new component, run this skill to surface guideline violations and suggested fixes.

Quick Start

Provide the UI files you want reviewed, and the skill will fetch the latest guidelines, evaluate them against all rules, and report 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 compliance?

To audit UI code for accessibility and design compliance, provide your UI files for review. The skill fetches the latest Web Interface Guidelines, evaluates your code against all rules, and reports findings in a concise file:line format.

What accessibility checks are included in a UI design review?

Accessibility validation in a UI design review includes checking color contrast, keyboard navigation, ARIA attributes, and semantic HTML. These checks are applied across your project files to ensure compliance with official Web Interface Guidelines.

Can I review UI consistency and visual standards in pull requests?

Yes, you can review UI consistency and visual standards in pull requests. The skill applies checks across UX patterns, spacing, typography, and component usage, reporting guideline violations and suggested fixes in a concise file:line format.

Do I need to manually provide the Web Interface Guidelines for an audit?

No, you do not need to manually provide the Web Interface Guidelines for an audit. The skill automatically fetches the latest guidelines from the source, reads your target UI files, applies the rules, and reports the findings.

What is the best way to check semantic HTML and ARIA attributes?

The best way to check semantic HTML and ARIA attributes is to run a guidelines-based audit on your UI files. The skill validates these elements against the latest official Web Interface Guidelines and reports violations with specific file and line details.

How are UI audit findings reported for accessibility and visual issues?

UI audit findings for accessibility and visual issues are reported in a concise file:line format. After fetching the guidelines and evaluating your code, the skill surfaces guideline violations and suggested fixes directly mapped to your target files.