
Skill
web-design-guidelines
review UI for design guidelines compliance
Description
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
- 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:lineformat
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.
More skills from the agent-skills repository
View all 9 skillsdeploy-to-vercel
deploy applications to Vercel
Jul 17DeploymentVercelvercel-cli-with-tokens
manage Vercel projects via CLI
Jul 17CLIDeploymentVercelvercel-composition-patterns
implement scalable React composition patterns
Jul 17Best PracticesFrontendReactUI Componentsvercel-optimize
optimize Vercel project performance and costs
Jul 17Cost OptimizationDeploymentPerformanceVercelvercel-react-best-practices
optimize React and Next.js performance
Jul 17FrontendNext.jsPerformanceReactvercel-react-native-skills
build performant React Native mobile apps
Jul 17ExpoMobilePerformanceReact Native
More from Vercel Labs
View publisheragent-browser
automate browser interactions for AI agents
agent-browser
Jul 20AgentsAutomationBrowser Automationagentcore
run browser automation on AWS Bedrock
agent-browser
Jul 17AutomationAWSBrowser Automationcore
navigate and interact with web pages
agent-browser
Jul 26AgentsBrowser AutomationNavigationderive-client
reverse engineer internal APIs from browser traffic
agent-browser
Jul 20API DevelopmentAutomationBrowser AutomationWeb Scrapingdogfood
perform exploratory testing on web applications
agent-browser
Jul 17Browser AutomationDebuggingQATestingelectron
automate Electron desktop applications
agent-browser
Jul 17AgentsBrowser AutomationDesktop