Technical & DevelopmentIntermediate
web-design-guidelines
Web design guidelines and standards
Developer Setup
Setup & Installation
bash
npx skills add https://github.com/vercel-labs/next-skills --skill web-design-guidelinesnpx skills add https://github.com/vercel-labs/next-skills --skill web-design-guidelinesOr paste this URL into your assistant to install:
Overview
What This Skill Does
Fetches the latest web interface guidelines from the Vercel Labs repository and checks your UI code against them. Reports violations in a terse file:line format covering accessibility, UX patterns, and design best practices.
Application
When to use this Skill
- Configuring integration settings for custom agent workflows.
- Optimizing query execution and response latency in production.
- Developing clean, standard-compliant implementations for enterprise services.
- Troubleshooting connection timeouts and authentication handshakes.
- Monitoring API rate limits and execution pipelines programmatically.
Documentation
Show Skills.md file
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
Lines 1 - 25 of 30
Recommendations