web-design-guidelines

Review UI code against Web Interface Guidelines for accessibility and consistency.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/valuedriven/sewai --skill web-design-guidelines-valuedriven
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/valuedriven/sewai/tree/main/.agent/skills/web-design-guidelines
Command: npx skills add https://github.com/valuedriven/sewai --skill web-design-guidelines-valuedriven

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Review UI code for Web Interface Guidelines compliance to ensure accessible, consistent, and user-friendly interfaces across projects.

Core Features & Use Cases

  • Guideline-based Review: Fetch and apply up-to-date Web Interface Guidelines to your UI files.
  • Accessibility Checks: Verify color contrast, semantic HTML, and keyboard navigation.
  • UX Consistency: Audit design patterns for consistency with the guidelines.

Quick Start

Provide the UI files or patterns to review and I will fetch the latest guidelines and assess them.

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 compliance?

To audit UI code for accessibility compliance, provide your UI files or patterns to the Skill. It fetches the latest Web Interface Guidelines, reads target files, validates against all rules, and reports findings in a concise file:line format.

What web design guidelines are checked during a UI audit?

A UI audit checks Web Interface Guidelines covering accessibility, usability, and visual coherence. Specific checks include color contrast, semantic HTML, keyboard navigation, and design pattern consistency across target components and files.

Can I use this accessibility audit on existing design systems?

Yes, you can use this accessibility audit on existing design systems. It applies to codebases, design systems, and UI assets, checking files, components, and patterns for accessibility and UX compliance.

How do I check my web components for visual coherence and UX consistency?

To check web components for visual coherence and UX consistency, provide the component files as input. The Skill validates them against fetched Web Interface Guidelines and reports any inconsistencies or violations in a file:line format.

Does this UI review tool require any external dependencies?

No, this UI review tool requires no external dependencies. It operates independently by fetching the latest guidelines from a remote source and validating your provided UI code files against those rules.

What is the best way to ensure keyboard navigation and semantic HTML in web interfaces?

The best way to ensure keyboard navigation and semantic HTML is to run a guideline-based review on your UI code. The Skill validates target files against accessibility rules and reports specific findings in a concise file:line format.