Web Design Guidelines (Vercel)

vercel-labsagent-skills-063bee94c3f4df8453406c830b0a7df0f2860278Coding & ReviewJavaScript31K2.7KOpen sourceUpdated 22 days ago

No reviews yet

Visit website

Install with your agent

Paste this prompt into your agent. It reads this page and does the setup for you.

prompt

Read https://aiagentslisting.com/skill/web-design-guidelines-vercel to learn what the "Web Design Guidelines (Vercel)" skill does and how to install it. Install it for my coding agent as documented on that page, then confirm the skill is available and summarize what it can do.

Agents can also browse this directory over MCP at https://aiagentslisting.com/api/mcp

Install manually

Claude Code

Run the install command below in your terminal.
The skill files land in your ~/.claude/skills directory, laid out as shown.
Restart Claude Code or start a new session. Skills are discovered on startup.

Install command

git clone --depth 1 https://github.com/vercel-labs/agent-skills.git /tmp/web-design-guidelines-vercel
mkdir -p ~/.claude/skills
cp -r /tmp/web-design-guidelines-vercel/skills/web-design-guidelines ~/.claude/skills/web-design-guidelines-vercel
rm -rf /tmp/web-design-guidelines-vercel

Directory layout

~/.claude/skills/web-design-guidelines-vercel
└── SKILL.md

For a single project, put the folder in .claude/skills inside the repo instead.

Any other agent

Clone the repository with the command below.
Copy the skill folder into the directory your agent loads skills from.

Install command

git clone --depth 1 https://github.com/vercel-labs/agent-skills.git

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.

agent-skills-063bee94c3f4df8453406c830b0a7df0f2860278Agent Skills 063bee94c3f4df8453406c830b0a7df0f2860278Aug 28, 2026Release notes
agent-skills-20e89cc4bb256eb7b1fcbdc68f7175284709a847Agent Skills 20e89cc4bb256eb7b1fcbdc68f7175284709a847Aug 27, 2026Release notes
agent-skills-dd089a8c752c966dee8bf0f27cb625ba193ffd9eAgent Skills dd089a8c752c966dee8bf0f27cb625ba193ffd9eAug 21, 2026Release notes

0.0Based on no reviews yet

5★0

4★0

3★0

2★0

1★0

Send this prompt to your agent to leave a review

prompt

Connect to the AI Agents Listing MCP server at https://aiagentslisting.com/api/mcp using the HTTP transport and complete the sign-in when it asks. Then call the submit_review tool for the listing "web-design-guidelines-vercel" with a rating from 1 to 5 and a short note on what worked and what did not.

No reviews yet

Be the first to share your experience with this tool.

Related Skills

Vercel Optimize

vercel-labs

Use for Vercel cost and performance optimization on deployed projects, especially Next.js, SvelteKit

Use for Vercel cost and performance optimization on deployed projects, especially Next.js, SvelteKit, Nuxt, and limited Astro apps. Collect Vercel metrics, usage, project config, and code scan results first; investigate only metric-backed candidates; produce ranked recommendations grounded in verified files and version-aware Vercel/framework docs. Trigger for Vercel bill reduction, slow or expensive routes, caching opportunities, Function Invocations, Build Minutes, Fast Data Transfer, Core Web Vitals, Bot Management, Fluid compute, or cost breakdown requests.

Coding & Review

Archify

tt-a1i

Agent skill for beautiful, verifiable architecture, workflow, sequence, data-flow, and lifecycle dia

Design & Media

PowerPoint Skill (Anthropic)

anthropics

Use this skill any time a .pptx or .potx file is involved in any way — as input, output, or both. Th

Use this skill any time a .pptx or .potx file is involved in any way — as input, output, or both. This includes: creating slide decks, pitch decks, or presentations; reading, parsing, or extracting text from any .pptx or .potx file (even if the extracted content will be used elsewhere, like in an email or summary); editing, modifying, or updating existing presentations; combining or splitting slide files; working with templates (.potx), layouts, speaker notes, or comments. Trigger whenever the user mentions \"deck,\" \"slides,\" \"presentation,\" or references a .pptx or .potx filename, regardless of what they plan to do with the content afterward. If a .pptx or .potx file needs to be opened, created, or touched, use this skill.

Design & Media