Skill

web-design-guidelines

From craft-workspace-webconsulting-skills

Reviews web UI code for compliance with Vercel Web Interface Guidelines on design, accessibility, and UX. Useful for UI reviews, accessibility audits, design checks, and best practices.

Html

npx claudepluginhub dirnbauer/webconsulting-skills

Tool Access

This skill uses the workspace's default tool permissions.

Preview

Review files for compliance with Web Interface Guidelines.

SKILL.md

Similar Skills

web-design-guidelines

4.7k

Reviews web UI code for compliance with Vercel Web Interface Guidelines, checking accessibility, design, UX, and best practices. Activates on review UI, audit design, or accessibility check requests.

1 file

antfu-skills

web-design-guidelines

1.2k

Reviews web UI code against Vercel Web Interface Guidelines for accessibility, design, UX, and best practices compliance.

project-starter

web-design-guidelines

573

Reviews web UI code against fetched Web Interface Guidelines for accessibility, design, UX, and best practices compliance. Outputs file:line findings.

1 file

react-skills

Stats

Stars28

Forks2

Last CommitApr 29, 2026

Actions

View Source View Plugin View on GitHub View README

Help us improve

Share bugs, ideas, or general feedback.

Web Interface Guidelines

Review files for compliance with Web Interface Guidelines.

How It Works

Fetch the latest guidelines from the source URL below

Read the specified files (or prompt user for files/pattern)

Check against all rules in the fetched guidelines

Output findings in the terse file:line format

Guidelines Source

Fetch fresh guidelines before each review:

https://raw.githubusercontent.com/vercel-labs/web-interface-guidelines/main/command.md

Use WebFetch to retrieve the latest rules. The fetched content contains all the rules and output format instructions.

Usage

When a user provides a file or pattern argument:

Fetch guidelines from the source URL above

Read the specified files

Apply all rules from the fetched guidelines

Output findings using the format specified in the guidelines

If no files specified, ask the user which files to review.

Credits & Attribution

This skill is based on the excellent work by Vercel.

Special thanks to Vercel for their generous open-source contributions, which helped shape this skill collection. Adapted by webconsulting.at for this skill collection

Web Interface Guidelines

Review files for compliance with Web Interface Guidelines.

How It Works

Fetch the latest guidelines from the source URL below
Read the specified files (or prompt user for files/pattern)
Check against all rules in the fetched guidelines
Output findings in the terse file:line format

Guidelines Source

Fetch fresh guidelines before each review:

https://raw.githubusercontent.com/vercel-labs/web-interface-guidelines/main/command.md

Use WebFetch to retrieve the latest rules. The fetched content contains all the rules and output format instructions.

Usage

When a user provides a file or pattern argument:

Fetch guidelines from the source URL above
Read the specified files
Apply all rules from the fetched guidelines
Output findings using the format specified in the guidelines

If no files specified, ask the user which files to review.

Credits & Attribution

This skill is based on the excellent work by Vercel.

Original repository: https://github.com/vercel-labs/agent-skills

Special thanks to Vercel for their generous open-source contributions, which helped shape this skill collection. Adapted by webconsulting.at for this skill collection