web-design-guidelines

Fetches Web Interface Guidelines and audits UI code for accessibility and design compliance issues.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Review UI code for compliance with Web Interface Guidelines, helping teams catch accessibility and design issues early.

Core Features & Use Cases

  • Fetch the latest Web Interface Guidelines from a remote source and apply them to your project.
  • Read target UI files or patterns and evaluate them against the guidelines.
  • Output concise findings and remediation recommendations to speed up fixes.

Quick Start

Review your UI code against the latest guidelines and report any accessibility or design deviations.

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

To audit UI code for accessibility and design compliance, apply this review process to your web project files. It fetches Web Interface Guidelines, evaluates target UI patterns, and reports concise findings with remediation recommendations to speed up fixes.

What is the process for checking web accessibility against the latest guidelines?

Checking web accessibility involves fetching the latest Web Interface Guidelines from a remote source and applying them to your project. The system reads target UI files, evaluates them against the rules, and outputs concise findings to catch a11y issues early.

How do I review my web project files for design deviations?

Review your web project files for design deviations by specifying target UI files for evaluation. The system reads the specified files, matches them against fetched Web Interface Guidelines, and outputs rule-based findings with actionable remediation recommendations.

Do I need to install any dependencies to run a UI code review?

No dependencies are required to run a UI code review for design and accessibility. The process fetches the necessary Web Interface Guidelines directly from a remote source at runtime, meaning you can audit your project without installing external packages.

Can I get remediation recommendations for accessibility issues found in my UI code?

Yes, you can get remediation recommendations for accessibility issues found in your UI code. After evaluating your files against the Web Interface Guidelines, the system outputs concise, rule-based findings and specific recommendations to speed up your fixes.

What is the best way to catch design and a11y issues early in web development?

The best way to catch design and a11y issues early is to audit your UI code during development. By evaluating target files against the latest Web Interface Guidelines, you can identify accessibility and design compliance issues before they reach production.