← back to Skills

web-design-guidelines

Review UI code against Web Interface Guidelines for accessibility and consistency

by vercel-labs/agent-skills

## Overview

Reviews UI code for compliance with Web Interface Guidelines and returns actionable, line-referenced findings. Runs automated audits against the canonical guideline document and reports violations in a terse file:line format.

## How it works

Fetches the latest guideline text from the official source URL before each review. Reads the files or patterns you provide, applies every rule found in the fetched guidelines, and collects violations. Results are emitted in the concise file:line format for easy parsing.

## When to use

Performing a UX or design system compliance audit. Need an accessibility check across HTML, CSS, or JS. Preparing a release and need automated guideline verification. Integrating guideline checks into CI or pre-commit hooks.

## Best practices

Provide explicit file paths or glob patterns. Always allow the skill to fetch the latest guidelines before a review to avoid stale rules. Combine reports with manual UX review for context-sensitive decisions. Run reviews early and often.

## Platforms

Claude CodeCursorCodex CLI

## Triggers

review my UIcheck accessibilityaudit designcheck against best practices

## Topics

accessibilityUXguidelinescompliance
visit website →
licenseMIT
category[Agent Skills]
stack
TypeScriptCSSHTML
sourceview →
--- aigentlist.com ---