Remote OpenClaw
Menu
SkillsMCPPluginsFree guideDigestSubmit MCPSkillPluginMCPMCP, plugin, or skillAdvertise
Remote OpenClaw
SkillsMCPPluginsFree guideDigestSubmit MCPSkillPluginMCPMCP, plugin, or skillAdvertise

Featured

Reach 56,000+ AI builders from just $0.50 a click

You only pay for clicks, never impressions - and it's far cheaper than Google Ads, with no monthly lock-in.

Advertise from $0.50/click →
6,000+ web scrapers for your AI agent, start free logo6,000+ web scrapers for your AI agent, start free

Apify gives your agent live web data: 6,000+ prebuilt scrapers and actors, MCP-ready. Sign up free with $5 in usage credits.

Try Apify free →
One API to scrape, enrich, and extract the internet. logoOne API to scrape, enrich, and extract the internet.

Context.dev gives your agents a single API to scrape, enrich, and extract live web data — no proxies, no parsers, no maintenance.

Start building free →
Turn any website into LLM-ready data for your agent logoTurn any website into LLM-ready data for your agent

Firecrawl scrapes and crawls any site into clean markdown your agent can use. Get 1000 free credits and 10% off any plan with this link.

Try Firecrawl free →
Run OpenClaw 24/7 on a Hostinger VPS with 20% off logoRun OpenClaw 24/7 on a Hostinger VPS with 20% off

Launch OpenClaw on Hostinger in about 60 seconds and keep it live 24/7. Get 20% off with this link.

Launch on Hostinger →
Deploy your Hermes agent in 60 seconds, live 24/7, 10% off with code ZACAARON10 logoDeploy your Hermes agent in 60 seconds, live 24/7, 10% off with code ZACAARON10

Launch Hermes on Hostinger in about 60 seconds, connect Telegram & Discord, and keep it live 24/7. Use code ZACAARON10 for 10% off.

Launch on Hostinger →
Reach 56,000+ AI builders from just $0.50 a click

You only pay for clicks, never impressions - and it's far cheaper than Google Ads, with no monthly lock-in.

Advertise from $0.50/click →
6,000+ web scrapers for your AI agent, start free logo6,000+ web scrapers for your AI agent, start free

Apify gives your agent live web data: 6,000+ prebuilt scrapers and actors, MCP-ready. Sign up free with $5 in usage credits.

Try Apify free →
One API to scrape, enrich, and extract the internet. logoOne API to scrape, enrich, and extract the internet.

Context.dev gives your agents a single API to scrape, enrich, and extract live web data — no proxies, no parsers, no maintenance.

Start building free →
Turn any website into LLM-ready data for your agent logoTurn any website into LLM-ready data for your agent

Firecrawl scrapes and crawls any site into clean markdown your agent can use. Get 1000 free credits and 10% off any plan with this link.

Try Firecrawl free →
Run OpenClaw 24/7 on a Hostinger VPS with 20% off logoRun OpenClaw 24/7 on a Hostinger VPS with 20% off

Launch OpenClaw on Hostinger in about 60 seconds and keep it live 24/7. Get 20% off with this link.

Launch on Hostinger →
Deploy your Hermes agent in 60 seconds, live 24/7, 10% off with code ZACAARON10 logoDeploy your Hermes agent in 60 seconds, live 24/7, 10% off with code ZACAARON10

Launch Hermes on Hostinger in about 60 seconds, connect Telegram & Discord, and keep it live 24/7. Use code ZACAARON10 for 10% off.

Launch on Hostinger →
Reach 56,000+ AI builders from just $0.50 a click

You only pay for clicks, never impressions - and it's far cheaper than Google Ads, with no monthly lock-in.

Advertise from $0.50/click →
6,000+ web scrapers for your AI agent, start free logo6,000+ web scrapers for your AI agent, start free

Apify gives your agent live web data: 6,000+ prebuilt scrapers and actors, MCP-ready. Sign up free with $5 in usage credits.

Try Apify free →
One API to scrape, enrich, and extract the internet. logoOne API to scrape, enrich, and extract the internet.

Context.dev gives your agents a single API to scrape, enrich, and extract live web data — no proxies, no parsers, no maintenance.

Start building free →
Turn any website into LLM-ready data for your agent logoTurn any website into LLM-ready data for your agent

Firecrawl scrapes and crawls any site into clean markdown your agent can use. Get 1000 free credits and 10% off any plan with this link.

Try Firecrawl free →
Run OpenClaw 24/7 on a Hostinger VPS with 20% off logoRun OpenClaw 24/7 on a Hostinger VPS with 20% off

Launch OpenClaw on Hostinger in about 60 seconds and keep it live 24/7. Get 20% off with this link.

Launch on Hostinger →
Deploy your Hermes agent in 60 seconds, live 24/7, 10% off with code ZACAARON10 logoDeploy your Hermes agent in 60 seconds, live 24/7, 10% off with code ZACAARON10

Launch Hermes on Hostinger in about 60 seconds, connect Telegram & Discord, and keep it live 24/7. Use code ZACAARON10 for 10% off.

Launch on Hostinger →
Skills/vercel-labs/agent-skills/web-design-guidelines
web-design-guidelines logo

web-design-guidelines

vercel-labs/agent-skills
390K installs28K stars
Run it on Hostinger →up to 70% off + an extra 10% with code ZACAARON10Free API →

Installation

npx skills add https://github.com/vercel-labs/agent-skills --skill web-design-guidelines

Summary

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

SKILL.md

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

0–100
88/ 100

Grade

A

Popularity30/30

390,364 installs — top-tier adoption.

Completeness27/30

Documented: full SKILL.md body, description, one-line install. Missing: category/license metadata.

Trust25/25

Published by vercel-labs — an official/recognized organization.

Freshness6/15

No update timestamp is tracked for this skill in our catalog.

Scored automatically from popularity, completeness, trust, and freshness — computed only from data in our catalog, never fabricated.

Proud of your score? Add this badge to your README.

Paste a snippet into your GitHub README. The badge updates automatically and links back to this page.

Web Design Guidelines skill score badge previewScore badge

Markdown

[![Web Design Guidelines skill](https://www.remoteopenclaw.com/skills/vercel-labs/agent-skills/web-design-guidelines/badges/score.svg)](https://www.remoteopenclaw.com/skills/vercel-labs/agent-skills/web-design-guidelines)

HTML

<a href="https://www.remoteopenclaw.com/skills/vercel-labs/agent-skills/web-design-guidelines"><img src="https://www.remoteopenclaw.com/skills/vercel-labs/agent-skills/web-design-guidelines/badges/score.svg" alt="Web Design Guidelines skill"/></a>

Web Design Guidelines FAQ

How do I install the Web Design Guidelines skill?

Run “npx skills add https://github.com/vercel-labs/agent-skills --skill web-design-guidelines” in your terminal. The skill is added to your agent's skills directory and picked up automatically on the next run — no restart or extra configuration needed.

What does the Web Design Guidelines skill do?

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". The full SKILL.md on this page shows the exact instructions the skill gives your agent.

Is the Web Design Guidelines skill free?

Yes. Web Design Guidelines is a free, open-source skill published from vercel-labs/agent-skills. As with any third-party skill, review the source repository before installing it into an agent with sensitive access.

Does Web Design Guidelines work with Claude Code and OpenClaw?

Yes. Skills use the portable SKILL.md format, so Web Design Guidelines works with Claude Code, OpenClaw, Codex, Hermes, and any other agent that reads SKILL.md skills.

Featured

Reach 56,000+ AI builders from just $0.50 a click

You only pay for clicks, never impressions - and it's far cheaper than Google Ads, with no monthly lock-in.

Advertise from $0.50/click →
6,000+ web scrapers for your AI agent, start free logo6,000+ web scrapers for your AI agent, start free

Apify gives your agent live web data: 6,000+ prebuilt scrapers and actors, MCP-ready. Sign up free with $5 in usage credits.

Try Apify free →
One API to scrape, enrich, and extract the internet. logoOne API to scrape, enrich, and extract the internet.

Context.dev gives your agents a single API to scrape, enrich, and extract live web data — no proxies, no parsers, no maintenance.

Start building free →
Turn any website into LLM-ready data for your agent logoTurn any website into LLM-ready data for your agent

Firecrawl scrapes and crawls any site into clean markdown your agent can use. Get 1000 free credits and 10% off any plan with this link.

Try Firecrawl free →
Run OpenClaw 24/7 on a Hostinger VPS with 20% off logoRun OpenClaw 24/7 on a Hostinger VPS with 20% off

Launch OpenClaw on Hostinger in about 60 seconds and keep it live 24/7. Get 20% off with this link.

Launch on Hostinger →
Deploy your Hermes agent in 60 seconds, live 24/7, 10% off with code ZACAARON10 logoDeploy your Hermes agent in 60 seconds, live 24/7, 10% off with code ZACAARON10

Launch Hermes on Hostinger in about 60 seconds, connect Telegram & Discord, and keep it live 24/7. Use code ZACAARON10 for 10% off.

Launch on Hostinger →
Reach 56,000+ AI builders from just $0.50 a click

You only pay for clicks, never impressions - and it's far cheaper than Google Ads, with no monthly lock-in.

Advertise from $0.50/click →
6,000+ web scrapers for your AI agent, start free logo6,000+ web scrapers for your AI agent, start free

Apify gives your agent live web data: 6,000+ prebuilt scrapers and actors, MCP-ready. Sign up free with $5 in usage credits.

Try Apify free →
One API to scrape, enrich, and extract the internet. logoOne API to scrape, enrich, and extract the internet.

Context.dev gives your agents a single API to scrape, enrich, and extract live web data — no proxies, no parsers, no maintenance.

Start building free →
Turn any website into LLM-ready data for your agent logoTurn any website into LLM-ready data for your agent

Firecrawl scrapes and crawls any site into clean markdown your agent can use. Get 1000 free credits and 10% off any plan with this link.

Try Firecrawl free →
Run OpenClaw 24/7 on a Hostinger VPS with 20% off logoRun OpenClaw 24/7 on a Hostinger VPS with 20% off

Launch OpenClaw on Hostinger in about 60 seconds and keep it live 24/7. Get 20% off with this link.

Launch on Hostinger →
Deploy your Hermes agent in 60 seconds, live 24/7, 10% off with code ZACAARON10 logoDeploy your Hermes agent in 60 seconds, live 24/7, 10% off with code ZACAARON10

Launch Hermes on Hostinger in about 60 seconds, connect Telegram & Discord, and keep it live 24/7. Use code ZACAARON10 for 10% off.

Launch on Hostinger →
Reach 56,000+ AI builders from just $0.50 a click

You only pay for clicks, never impressions - and it's far cheaper than Google Ads, with no monthly lock-in.

Advertise from $0.50/click →
6,000+ web scrapers for your AI agent, start free logo6,000+ web scrapers for your AI agent, start free

Apify gives your agent live web data: 6,000+ prebuilt scrapers and actors, MCP-ready. Sign up free with $5 in usage credits.

Try Apify free →
One API to scrape, enrich, and extract the internet. logoOne API to scrape, enrich, and extract the internet.

Context.dev gives your agents a single API to scrape, enrich, and extract live web data — no proxies, no parsers, no maintenance.

Start building free →
Turn any website into LLM-ready data for your agent logoTurn any website into LLM-ready data for your agent

Firecrawl scrapes and crawls any site into clean markdown your agent can use. Get 1000 free credits and 10% off any plan with this link.

Try Firecrawl free →
Run OpenClaw 24/7 on a Hostinger VPS with 20% off logoRun OpenClaw 24/7 on a Hostinger VPS with 20% off

Launch OpenClaw on Hostinger in about 60 seconds and keep it live 24/7. Get 20% off with this link.

Launch on Hostinger →
Deploy your Hermes agent in 60 seconds, live 24/7, 10% off with code ZACAARON10 logoDeploy your Hermes agent in 60 seconds, live 24/7, 10% off with code ZACAARON10

Launch Hermes on Hostinger in about 60 seconds, connect Telegram & Discord, and keep it live 24/7. Use code ZACAARON10 for 10% off.

Launch on Hostinger →

Categories

External DownloadsPrompt Injection
View on GitHub

Recommended skills

Browse all →
vercel-react-best-practices logo

vercel-react-best-practices

vercel-labs/agent-skills

570K installsInstall
vercel-composition-patterns logo

vercel-composition-patterns

vercel-labs/agent-skills

258K installsInstall
vercel-react-native-skills logo

vercel-react-native-skills

vercel-labs/agent-skills

171K installsInstall
deploy-to-vercel logo

deploy-to-vercel

vercel-labs/agent-skills

96K installsInstall
vercel-react-view-transitions logo

vercel-react-view-transitions

vercel-labs/agent-skills

84K installsInstall
vercel-cli-with-tokens logo

vercel-cli-with-tokens

vercel-labs/agent-skills

72K installsInstall

Browse

Skills by category

Frontend250Git198Data154Testing120Design105Docs103Security96Automation87Backend76Devops37Productivity29Mcp23

Related guides

Hand-picked reading to help you choose, install, and use agent skills.

GuideBest Code Review SkillsGuideBest Security Skills For AI AgentsGuide10 Openclaw Skills Every Nextjs Developer Needs

Remote OpenClaw

AI agent skills directory, marketplace, and workflow hub for OpenClaw, Hermes Agent, Claude Code, Codex, and MCP-powered operator stacks.

The Agent Stack: weekly agent tooling digest, free.

Explore

  • Home
  • Skills Directory
  • Claude Code Skills
  • Codex Skills
  • MCP Clients
  • Marketplace
  • Hermes Ecosystem
  • Free guide
  • Learn
  • Blog
  • The Agent Stack (Digest)

More

  • Submit a Tool
  • Advertise
  • Playbook
  • Free Tools
  • API
  • Shipping
  • Contact
  • Terms
  • Privacy

Know a company that should advertise here? Refer them and earn 10% — up to $300 per referral.

© 2026 Remote OpenClaw
Fazier badgeFeatured on Twelve ToolsFeatured on Wired BusinessRemote OpenClaw - Featured on AI Agents DirectoryListed on Turbo0