Web Design Guidelines
Vercel's review of your UI code against its interface guidelines: accessibility, forms, focus and more.
- AI Skills
- Design & front end
- Free
- Added 28 October 2026
Alternatives to Web Design Guidelines
All of Design & front end
Figma Implement DesignDesign & front endFreeOpenAI's Codex skill that turns a Figma frame into matching production code.
React Best PracticesCoding workflowFreeVercel's performance rules for React and Next.js, applied while the agent writes or reviews code.
Algorithmic ArtDesign & front endFreeGenerative art in p5.js with seeds you can change, made from a written art direction.
Canvas DesignDesign & front endFreeHas Claude make posters and still artwork as PNG or PDF from a short design brief.
Frontend DesignDesign & front endFreeAnthropic's skill for picking a clear visual direction and type before an agent writes any UI.
Taste SkillDesign & front endFreeDeals art directions and checks the page in a real browser so agent-built sites stop looking generic.
Theme FactoryDesign & front endFreeReady colour and font themes Claude can apply to slides, documents and pages.
Vercel Agent SkillsDirectories & guidesFreeVercel's skills for React, React Native, web design and deploying.
Web Design Guidelines, side by side
- Web Design Guidelines vs Figma Implement Design
- Web Design Guidelines vs React Best Practices
- Web Design Guidelines vs Algorithmic Art
- Web Design Guidelines vs Canvas Design
In search, type /like web design guidelines or /vs web design guidelines … to get here from anywhere.