Vercel agent skills
React/Next.js performance rules, UI and writing guideline audits, and Vercel project optimization.
Vercel’s skills collection for coding agents.
Vercel agent skills install with npx skills into Agent Skills-compatible coding agents such as Claude Code, Codex and Cursor. The collection includes react-best-practices (impact-ranked React and Next.js performance rules), web-design-guidelines (100+ accessibility and UX checks), writing-guidelines based on Vercel’s docs handbook, react-native-guidelines, composition-patterns, React View Transitions guidance, and vercel-optimize for cost and performance audits of deployed projects.
The repository does not currently declare a license in GitHub metadata and has no root LICENSE file, so do not assume MIT terms.
Install
From the skill’s source repository:
npx skills add vercel-labs/agent-skills
Questions
What are Vercel agent skills?
How do I install Vercel agent skills?
npx skills add vercel-labs/agent-skills.Which agents can use Vercel agent skills?
What license covers Vercel agent skills?
license: null, and no root LICENSE file was available when checked.Sources
Checked October 12, 2026.
Design & frontend
View all- Canvas Design skillProduces original static visual art and posters as PNG or PDF.Official
- Frontend Design skillPushes UI work toward distinctive, intentional visual design instead of template defaults.Official
- Remotion agent skillsBest practices and commands for making programmatic videos with Remotion.Official
- Theme Factory skillApplies one of ten preset color/font themes, or a generated one, to any artifact.Official