DEDUPEDWhat do you want to do?
3 use cases
-
Audit React and Next.js code against Vercel's performance rules
Install the skills and ask your agent to review components for waterfalls, bundle size and re-renders.
View prompt
Using the react-best-practices skill from vercel-labs/agent-skills, review <page or component> for performance issues, rank findings by the skill's impact categories, and fix the critical ones.
-
Cut your Vercel bill with a metrics-first audit
Have the agent collect Vercel metrics, then investigate only the routes and files they point to.
View prompt
Run the vercel-optimize skill from vercel-labs/agent-skills on this project, collect metrics first, and give me a ranked report of cost and performance fixes with estimated impact before changing any code.
-
Check your UI against 100+ accessibility and UX rules
Use web-design-guidelines to audit UI code for accessibility, focus states, forms and more.
View prompt
Use the web-design-guidelines skill from vercel-labs/agent-skills to audit <page> for accessibility and UX, group findings by category, and fix every accessibility issue.
Quick start with Agent Skills
- Check you have what it needs: Node.js for npx skills; A coding agent that supports Agent Skills; A Vercel project for vercel-optimize.
- Open vercel-labs/agent-skills on GitHub and read the README and license.
- Run
npx skills add vercel-labs/agent-skills - Open your Next.js project in your agent
- Ask it to review a component or page for performance issues
- Fix critical findings first: eliminating waterfalls and bundle size
These steps come from our top use case, Audit React and Next.js code against Vercel's performance rules, which also has a copy-paste agent prompt.
Use this in your AI agent
Ask your agent
Using the Deduped MCP, get the setup steps for vercel-labs/agent-skills
Add Deduped to Claude Code once
claude mcp add --transport http deduped https://dedupedai.com/mcp
Every Monday: the 5 hottest repos and exactly how to use them. Free, one email a week, unsubscribe anytime.
Get them freeAgent Skills alternatives · Best AI repos for Software and DevOps
About this repo
- Who it is forReact and Next.js developers and teams on Vercel who want their coding agent to follow Vercel's own performance, UI and deployment practices.
- Why it is hot33k stars, picked up by one AI source we track
- LanguageJavaScript
- Sourcegithub.com/vercel-labs/agent-skills · Back to Hot repos
Requirements
- Node.js for npx skills
- A coding agent that supports Agent Skills
- A Vercel project for vercel-optimize
Add this badge to your README
Maintain Agent Skills? Show readers where to find these use cases. 
Markdown
[](https://dedupedai.com/use-cases/vercel-labs-agent-skills/?utm_source=github&utm_medium=badge&utm_campaign=vercel-labs-agent-skills)
HTML
<a href="https://dedupedai.com/use-cases/vercel-labs-agent-skills/?utm_source=github&utm_medium=badge&utm_campaign=vercel-labs-agent-skills"><img src="https://dedupedai.com/badge/vercel-labs/agent-skills.svg" alt="Use cases on Deduped" height="20"></a>
A static image, no tracking script. About the badge
Questions about Agent Skills
What is Agent Skills?
Vercel's official collection of Agent Skills: packaged instructions and scripts that extend coding agents. It includes vercel-optimize for auditing a Vercel project's cost and performance, react-best-practices with 40+ React and Next.js performance rules, web-design-guidelines with 100+ accessibility, performance and UX rules, writing-guidelines for docs, composition-patterns for React, and vercel-deploy-claimable for instant claimable deployments. It is an open-source project on GitHub: https://github.com/vercel-labs/agent-skills.
How do I use Agent Skills?
Run npx skills add vercel-labs/agent-skills; then open your Next.js project in your agent; ask it to review a component or page for performance issues. The use cases on this page give the full steps and a copy-paste agent prompt for each job.
Who is Agent Skills for?
React and Next.js developers and teams on Vercel who want their coding agent to follow Vercel's own performance, UI and deployment practices.
What can I do with Agent Skills?
3 use cases so far, for example: Audit React and Next.js code against Vercel's performance rules; Cut your Vercel bill with a metrics-first audit; Check your UI against 100+ accessibility and UX rules. Each has steps and a copy-paste agent prompt.
What do I need to run Agent Skills?
Node.js for npx skills; A coding agent that supports Agent Skills; A Vercel project for vercel-optimize.
What are alternatives to Agent Skills?
Other hot AI repos in Software and DevOps: Deep Infer, Harness2, Orca, Opencode, Graphify.
Is Agent Skills safe to run?
Deduped does not own, audit or vouch for it. Read the README and license, run it on your own systems first and review every command before you run it.