Web Design Guidelines
Review web interfaces against Vercel's accessibility, performance, UX, interaction, and responsive-design guidance.
Best for
Designers and frontend developers reviewing production interfaces.
npx skills add vercel-labs/agent-skills --skill web-design-guidelines
Common use cases
When to use this skill
- Audit accessibility and focus behavior.
- Review forms and navigation.
- Check responsive and localization risks.
Example prompts
Prompts you can adapt
How to use it
A simple workflow
Open the verified Vercel source on GitHub and review its SKILL.md or repository documentation.
npx skills add vercel-labs/agent-skills --skill web-design-guidelines
Start with an example prompt below, adapt it to your project, and verify the result.
FAQ
Questions about Web Design Guidelines
Is this linked to an official public source?
Yes. This page links directly to the Vercel GitHub source shown above. Review its documentation and license before production use.
How do I add this skill?
Run the setup command shown on this page, then refresh your agent if required.
Related skills
Keep building the workflow
Product Design Audit
Audit a product flow or interface by capturing evidence first, then reporting usability, hierarchy, and interaction issues.
React Best Practices
Apply Vercel Engineering guidance to React and Next.js code, with emphasis on performance, rendering, and bundle efficiency.
Product Design Image to Code
Implement a selected screenshot, mockup, or generated design reference as a faithful responsive frontend.