← Back to list

🎨

web-design-guidelines Checked

Name: web-design-guidelines
Author: calesthio

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check …

🎨 Design & Creative skills By calesthio Version v1.0.0 Added 2026-09-07 Updated 2026-09-07 Source ↗

5.5Overall rating

2Views

5Downloads

56.5kStars

Installation

🤖 Install via AI

Copy the prompt below and send it to your AI assistant (e.g. Claude Code) — it will follow the instructions and install automatically.

Install the "web-design-guidelines" skill by following the instructions at https://skill123.me/install/web-design-guidelines.

⌨️ Command line install

Run in your terminal — downloads and installs to ~/.claude/skills/.

curl -fsSL https://skill123.me/install/web-design-guidelines.sh | bash

📦 Download ZIP

Download the zip and extract it into your skills directory (e.g. ~/.claude/skills/), then restart your session.

⬇ Download v1.0.0 · 758 B

📊 Static rating

5.5/10

Trigger

7.0

Structure

5.3

Workflow

4.0

Content

6.0

Engineering

7.0

Security

5.0

Six-dimension rubric with reviewer rationale.

View scorecard ↓

🛡 Dynamic test

—

Not live-tested yet — this skill is rated on static analysis only.

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

Web Interface Guidelines

Review files for compliance with Web Interface Guidelines.

Documentation

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

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.

Score breakdown

Trigger

7.0

Clear What/When with quoted trigger phrases; no When-Not or keyword variants.

Structure

5.3

40-line stub with no references, scripts or assets; all substance delegated to a remote file.

Workflow

4.0

Simple 4-step reviewer pattern; no error handling if fetch fails, no offline fallback, no verification of output.

Content

6.0

Terse but skeletal; steps lack concrete commands beyond the fetch URL.

Engineering

7.0

Frontmatter valid though argument-hint is slash-command syntax; no paths to verify.

Security

5.0

Runtime-fetched remote prompt content is declared and from official vercel-labs domain, but unauditable supply chain; no veto.

Thin reviewer stub that fetches all rules at runtime from vercel-labs GitHub raw URL; transparent and official-domain but ships no local content, no fetch-failure handling, and outsources the actual review logic to unauditable remote text.

Assessment methodology

🧪

AI-assessed

Evaluated by automated analysis across quality, usability, and security dimensions. This is not a substitute for your own review — always inspect a skill before installing it.

Version history

v1.0.0 2026-09-07

758 B

Imported from calesthio/OpenMontage@main

web-design-guidelines Checked

Installation

About this skill

Web Interface Guidelines

Documentation

Web Interface Guidelines

How It Works

Guidelines Source

Usage

Score breakdown

Assessment methodology

Version history

Related skills