New: 98,000+ skills indexed from GitHub repos with 100+ stars · every skill safety-checkedBrowse top skillsTop skills
Esc to closeBrowse all skills
Submit a skillBrowse skills
Submit a skillBrowse skills

Official agent skill

Web Interface Guidelines Reviewer

by vercel-labs in vercel-labs/openreview

“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…”

— description from SKILL.md by vercel-labs
OfficialNo licenceAuto-check passedFrontend & Design

Install Web Interface Guidelines Reviewer

skills CLI
$ npx skills add vercel-labs/openreview --skill web-design-guidelines -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install vercel-labs/openreview web-design-guidelines --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/vercel-labs/openreview.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.agents/skills/web-design-guidelines .claude/skills/web-design-guidelines && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
web-design-guidelines
GitHub stars
1.7k
Used in
98 other repos
Token cost
~308 tokens
SKILL.md length
129 words
Files
1
Skills in repo
5
Repo updated
First seen
Licence
None found

At a glance

  • Works in 4 steps: Fetch the latest guidelines from the… → Read the specified files (or prompt user… → Check against all rules in the fetched… → …
  • SKILL.md covers How It Works, Guidelines Source and Usage
  • Reaches raw.githubusercontent.com

About this skill

“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".”

— description from SKILL.md by vercel-labs

Web Interface Guidelines Reviewer is an official skill in vercel-labs/openreview (1.7k stars). Its SKILL.md is about 308 tokens, and copies of it appear in 98 other owners' repositories. No licence found.

Workflow steps

4 steps, taken from the first numbered list in SKILL.md.

  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

What it can do on your machine

Read from SKILL.md and the folder at commit 672deb2. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    No scripts in the folder and no shell commands in SKILL.md.

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    Hosts in commands or code, which the agent is likely to contact:

    • raw.githubusercontent.com

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Web Interface Guidelines Reviewer loads about 308 tokens when it runs. Until then it costs about 52 tokens; SKILL.md has 129 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~52
When it runs · the whole SKILL.md, loaded when a task matches
~308

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

Without a licence we can't republish the file, so here is its outline and opening line. It has 129 words (~308 tokens).

“Review files for compliance with Web Interface Guidelines.”

— opening of SKILL.md by vercel-labs
name
web-design-guidelines
metadata.author
vercel
metadata.version
1.0.0
metadata.argument-hint
<file-or-pattern>

Read the full SKILL.md on GitHub

Files

Just SKILL.md in .agents/skills/web-design-guidelines of vercel-labs/openreview.

Open the folder on GitHubat commit 672deb2

Used in at least 45 other repositories

We found 129 copies of this SKILL.md (exact, near-identical or edited) in other folders, from 98 other GitHub owners. This page covers the copy in vercel-labs/openreview, which our catalogue first saw on October 7, 2026.

…and 79 more copies not listed here.

Compare with similar skills

Web Interface Guidelines Reviewer next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Web Interface Guidelines Reviewer compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Web Interface Guidelines Reviewer this skillvercel-labs/openreview1.7k98 repos~308Automated safety check: PassNone
Design AuditAThevon/genjutsu4241 repos~1.6kAutomated safety check: PassCustom licence
Frontend Designjwynia/agent-skills166—~3.2kAutomated safety check: PassMIT
Frontend Designspinspire/pocketbase-sveltekit-starter5111 repos~2.6kAutomated safety check: PassMIT
WCAG 2.1 AA Accessibility Reviewgetcrew44/crew44356—~741Automated safety check: PassMIT
Better Interfacetrycompai/crm11k—~2kAutomated safety check: PassMIT

Similar skills

  • Design Audit

    AThevon/genjutsu

    Design audit checklist - motion gaps, accessibility, color consistency, responsive, performance.

    424 GitHub starsUsed in 1 repo~1.6k tokens
    Frontend & DesignAuto-check passed

  • Frontend Design

    jwynia/agent-skills

    Create distinctive, production-grade frontend interfaces with high design quality.

    166 GitHub stars~3.2k tokensUpdated 7 mo ago
    Frontend & DesignAuto-check passed

  • Frontend Design

    spinspire/pocketbase-sveltekit-starter

    Create distinctive, production-grade frontend interfaces with high design quality and accessible markup.

    511 GitHub starsUsed in 1 repo~2.6k tokens
    Frontend & DesignAuto-check passed

  • WCAG 2.1 AA Accessibility Review

    getcrew44/crew44

    Audits a design or page against WCAG 2.1 AA for contrast, keyboard use, focus, labels, touch targets and screen reader behavior, with a severity-ranked report.

    356 GitHub stars~741 tokensUpdated 3 mo ago
    Frontend & DesignAuto-check passed

  • Better Interface

    trycompai/crm

    User-invoked, cross-discipline interface review that coordinates better-accessibility, better-layout, better-writing, better-typography, better-colors, and better-ui.

    11k GitHub stars~2k tokensUpdated 27 days ago
    Frontend & DesignAuto-check passed

  • Design Critique

    getcrew44/crew44

    Walks an agent through five review passes on a screen, flow or mockup, then returns ranked findings with a severity and a suggested fix for each one.

    356 GitHub stars~691 tokensUpdated 3 mo ago
    Frontend & DesignAuto-check passed

More from vercel-labs/openreview

  • React Native Best Practices

    vercel-labs/openreview

    Official

    A prioritized rule set for React Native and Expo apps covering list performance, animation, navigation, UI patterns, state, rendering, monorepos and configuration.

    1.7k GitHub starsUsed in 17 repos~1.1k tokens
    Auto-check passed

  • Next Cache Components

    vercel-labs/openreview

    Official

    Next.js 16 Cache Components - PPR, use cache directive, cacheLife, cacheTag, updateTag

    1.7k GitHub starsUsed in 9 repos~2.3k tokens
    Auto-check passed

  • Next Best Practices

    vercel-labs/openreview

    Official

    Next.js best practices - file conventions, RSC boundaries, data patterns, async APIs, metadata, error handling, route handlers, image/font optimization, bundling

    1.7k GitHub starsUsed in 18 repos~1k tokens
    Auto-check passed

  • Next Upgrade

    vercel-labs/openreview

    Official

    Upgrade Next.js to the latest version following official migration guides and codemods

    1.7k GitHub starsUsed in 6 repos~502 tokens
    Auto-check passed

Categories

Questions about Web Interface Guidelines Reviewer

How do I install Web Interface Guidelines Reviewer in Claude Code?

Run `npx skills add vercel-labs/openreview --skill web-design-guidelines -a claude-code`. Or copy the skill folder (.agents/skills/web-design-guidelines in vercel-labs/openreview) into .claude/skills/web-design-guidelines in your project. Claude Code loads it when a task matches its description.

How do I install Web Interface Guidelines Reviewer in Codex?

Run `npx skills add vercel-labs/openreview --skill web-design-guidelines -a codex`. Or copy the skill folder (.agents/skills/web-design-guidelines in vercel-labs/openreview) into .agents/skills/web-design-guidelines in your project. Codex loads it when a task matches its description.

Can I use Web Interface Guidelines Reviewer in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add vercel-labs/openreview --skill web-design-guidelines -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/web-design-guidelines, .gemini/skills/web-design-guidelines, .github/skills/web-design-guidelines and .opencode/skills/web-design-guidelines in your project.

What does Web Interface Guidelines Reviewer need to run?

SKILL.md names no scripts, command-line tools or credentials: Web Interface Guidelines Reviewer is instructions for the agent only.

Does Web Interface Guidelines Reviewer access the network?

SKILL.md names 1 domain. In commands or code: raw.githubusercontent.com; the agent is likely to contact it when it follows the instructions. This is read from the text; nothing was executed.

Is Web Interface Guidelines Reviewer safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Web Interface Guidelines Reviewer use?

No licence was found for Web Interface Guidelines Reviewer or its repository. Without one, default copyright applies: ask the author before reusing or redistributing it.

How many tokens does Web Interface Guidelines Reviewer use?

About 308 tokens (SKILL.md is roughly 1.2k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Web Interface Guidelines Reviewer?

Skills that share tags, products or a category with Web Interface Guidelines Reviewer: Design Audit (AThevon/genjutsu, 424 stars), Frontend Design (jwynia/agent-skills, 166 stars), Frontend Design (spinspire/pocketbase-sveltekit-starter, 511 stars) and WCAG 2.1 AA Accessibility Review (getcrew44/crew44, 356 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Web Interface Guidelines Reviewer?

vercel-labs (a GitHub organization, an official publisher) maintains it in vercel-labs/openreview, which has 1,698 GitHub stars. The repository holds 5 skills in this directory. The repository was last updated on March 6, 2026.

Source: vercel-labs/openreview on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.