skilld
All skills
vercel-labs avatar

/web-design-guidelines

@a7cfd89
by Vercel Labsvercel-labs/openreview1.7k stars
118

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".

Ask your Agent

Use this Skill: https://skilld.dev/gh/vercel-labs/openreview/web-design-guidelines

This session only. Nothing lands on disk.

SKILL.md

≈52 tokens always: the name and description. ≈229 when used: this file.

Web Interface Guidelines

Review files for compliance with Web Interface Guidelines.

How It Works

  1. Fetch the latest guidelines from the source URL below
  2. Read the specified files (or prompt user for files/pattern)
  3. Check against all rules in the fetched guidelines
  4. 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:

  1. Fetch guidelines from the source URL above
  2. Read the specified files
  3. Apply all rules from the fetched guidelines
  4. Output findings using the format specified in the guidelines

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

Source: SKILL.md on GitHub

Third-party checks

No alerts16d4 checks · Risk SAFE
  • Gen Agent Trust Hub16d

    This skill is safe and functions as intended, with a potential consideration regarding the dynamic retrieval of guidelines from a remote repository. It downloads design rules from a trusted source to perform compliance reviews.

  • Socket16d

    No alerts

  • Snyk16d

    Risk: LOW · No issues

  • Runlayer6mo

    1 file scanned · No issues

Provenance

Signed by skilld at a7cfd89. This ties the file your Agent reads to that commit on GitHub. It does not review the instructions.

Last checked against GitHub 2 months ago.

Dormantupdated 7 months ago

Capability

Other metadata
metadata
{
  "author": "vercel",
  "version": "1.0.0",
  "argument-hint": "<file-or-pattern>"
}

Topics

  • web-design
  • accessibility
  • ui-review
  • design-audit
  • ux-guidelines
  • compliance
  • vercel

README badge

README badge for vercel-labs/openreview/web-design-guidelines

What it does

Analyzes UI code against Vercel's Web Interface Guidelines, fetching the latest ruleset and reporting compliance issues in a terse format. Use this skill when reviewing web components, pages, or design systems for accessibility, UX patterns, and design consistency.

Generated from the current SKILL.md.

Frequently asked

What guidelines does this skill check against?
It fetches the latest Web Interface Guidelines from the vercel-labs/web-interface-guidelines repository and checks your UI code against all rules defined there.
What file types can I review?
The skill accepts a file or pattern argument and will review whatever files match. You can specify individual files or patterns like `src/**/*.tsx`.
Does this check accessibility?
Accessibility review is one aspect covered by the Web Interface Guidelines that this skill audits against, though the guidelines may include other design and UX rules as well.
What format are the findings returned in?
Results are output in a terse `file:line` format as specified in the fetched guidelines.

Generated from the current SKILL.md. These answers refresh after source changes.