web-design-guidelines

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

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/zerdos/spike-land-nextjs --skill web-design-guidelines-zerdos
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/zerdos/spike-land-nextjs/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/zerdos/spike-land-nextjs --skill web-design-guidelines-zerdos

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill automates auditing UI code against Web Interface Guidelines to identify accessibility and UX gaps.

Core Features & Use Cases

  • Fetch latest guidelines from the source URL
  • Read target files or patterns
  • Check against all rules in the guidelines
  • Output findings in the terse file:line format
  • Use Case: review PRs or design assets for accessibility conformance across a project

Quick Start

Provide the UI source files or patterns to review, then use the skill to fetch guidelines and run checks.

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 UX gaps?

To audit UI code for accessibility gaps, provide your UI source files or patterns to review. The skill fetches the latest Web Interface Guidelines from a source URL, reads the target files, and checks them against all rules to output findings in a concise file:line format.

Can I automate design reviews during pull requests?

Yes, you can automate design reviews during PRs by applying this skill to your codebase and UI components. It reads target file patterns, checks them against fetched web guidelines, and reports accessibility and UX findings in a terse file:line style for quick PR feedback.

What is a UI accessibility lint check against web guidelines?

A UI accessibility lint check against web guidelines is an automated process that reads target UI files, fetches the latest interface rules from a source URL, and identifies accessibility and design quality gaps by reporting findings in a file:line format.

Does this design review tool work with any codebase?

Yes, the design review tool works across projects by reading target files or patterns from any codebase. It fetches the latest guidelines from the specified source URL and audits UI components and design assets for accessibility conformance without requiring specific dependencies.

What format do accessibility audit findings get reported in?

Accessibility audit findings are reported in a terse file:line format. After fetching guidelines and reading target UI files or patterns, the skill checks against all rules and outputs concise findings pinpointing exact locations of accessibility and UX gaps.

How do I check UI components against Web Interface Guidelines?

To check UI components against Web Interface Guidelines, provide the source files or patterns to review. The skill fetches the latest rules from the source URL, reads the target files, and identifies accessibility and UX gaps by reporting findings in a file:line format.