# agent-skills

> Curated skills and performance rules for AI coding agents by Vercel.

agent-skills is Vercel's official collection of packaged rules and instructions designed for AI coding agents like Claude Code and Cursor. It equips agents with decades of production engineering knowledge, including prioritized React and Next.js performance optimizations, web design guidelines, and one-click Vercel deployment scripts. Agents automatically call these structured markdown guidelines and scripts when performing code reviews, refactoring, or auditing UI.

Website: https://github.com/vercel-labs/agent-skills

## What it is for

- Instruct AI coding agents to audit React and Next.js code for rendering waterfalls and bundle bloat
- Review user interfaces automatically against web accessibility and design guidelines
- Deploy web projects directly to Vercel through AI chat workflows with claimable transfer links
- Refactor bloated React components using established composition and state patterns

## Features

- react-best-practices module with 40+ prioritized rules for data fetching, caching, and bundle size
- web-design-guidelines covering 100+ checks across accessibility, forms, animation, and UX
- writing-guidelines matching the official Vercel documentation handbook and prose style
- react-native-guidelines covering FlashList, animations, and mobile architecture
- react-view-transitions guide for smooth shared-element and route animations
- vercel-optimize CLI skill to audit project cost, caching, and function utilization
- vercel-deploy-claimable to deploy apps directly from conversational agents with handoff links
- Universal agent support adhering to the open Agent Skills format via AGENTS.md

## Pricing

Open source. Free and open source under the MIT license.

## Details

- Type: GitHub repo
- Category: [Development](https://xiry.app/topics/development.md)
- Topic: [AI Coding Tools](https://xiry.app/topics/development/ai-coding-tools.md)
- Open source: yes
- Platforms: Command line, Code library, other
- For: Developers using AI coding agents (Claude Code, Cursor, Copilot) for Next.js and React development.
- Alternative to: Cursor rules directories, ESLint
- Tags: nextjs, react, ai agents, performance, cursor rules, vercel, best practices

## Why it was saved

- [@rauchg, 13 January 2026](https://x.com/rauchg/status/2011179888976544134): Lets AI coding agents apply 10+ years of React/Next.js performance best practices from Vercel (notably Shuding) as structured markdown rules.

## Compare

- [Alternatives to ESLint](https://xiry.app/alternatives/eslint.md)

## Related

- [Inspo](https://xiry.app/resources/inspo): Design inspiration MCP server and archive for AI coding agents. (Web app, Free)
- [AI App Builders & Coding Assistants Roster](https://xiry.app/resources/ai-app-builders-and-coding-assistants-roster): Curated roster of 20 AI app builders and coding assistants. (List)
- [animation-reverse-engineering](https://xiry.app/resources/animation-reverse-engineering): Claude Code skill to turn animation videos into production Framer Motion code. (GitHub repo, Free)
- [Hallmark](https://xiry.app/resources/hallmark): Design skill preventing LLMs from generating generic, AI-looking web interfaces (GitHub repo, Open source)
- [MCP in Cursor Guide](https://xiry.app/resources/mcp-in-cursor-guide): Walkthrough for setting up Model Context Protocol servers inside Cursor (Framework, Free)
- [One](https://xiry.app/resources/one): Unified Mac HUD to triage and control multiple coding agents (Web app, Freemium)

Updated 10 October 2026. Page: https://xiry.app/resources/agent-skills

Make your own library: Xiry takes your saved reels, tweets, Reddit bookmarks and Watch Later videos, makes them searchable and pulls the useful stuff out, like this library. It's invite-only for now; join the waitlist at https://xiry.app/#waitlist.