Development · GitHub repo
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.
What it's 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
- Topic
- AI Coding Tools
- 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: Lets AI coding agents apply 10+ years of React/Next.js performance best practices from Vercel (notably Shuding) as structured markdown rules.
Compare
Related
Design inspiration MCP server and archive for AI coding agents.
Curated roster of 20 AI app builders and coding assistants.
Claude Code skill to turn animation videos into production Framer Motion code.
Design skill preventing LLMs from generating generic, AI-looking web interfaces
Walkthrough for setting up Model Context Protocol servers inside Cursor
Unified Mac HUD to triage and control multiple coding agents
Updated