Agent Jam logo

Agent Jam

  1. Skills
  2. vercel-labs
  3. agent-skills
Why Agent Jam?FeaturesIntegrationsPricing
Join Waitlist

Made with 🫖 by Boiling KettleBoiling Kettle

PrivacyTermsContact

vercel-labs/agent-skills

7 Skills

Vercel's official collection of agent skills

25,869

Stars

2,355

Forks

7

Skills

Skills in this Repository

vercel-react-view-transitions

Guide for implementing smooth, native-feeling animations using React's View Transition API (`<ViewTransition>` component, `addTransitionType`, and CSS view transition pseudo-elements). Use this skill whenever the user wants to add page transitions, animate route changes, create shared element animations, animate enter/exit of components, animate list reorder, implement directional (forward/back) navigation animations, or integrate view transitions in Next.js. Also use when the user mentions view transitions, `startViewTransition`, `ViewTransition`, transition types, or asks about animating between UI states in React without third-party animation libraries.

vercel-labs/agent-skills25,8512,354
deploy-to-vercel

Deploy applications and websites to Vercel. Use when the user requests deployment actions like "deploy my app", "deploy and give me the link", "push this live", or "create a preview deployment".

vercel-labs/agent-skills25,8512,354
web-design-guidelines

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".

vercel-labs/agent-skills25,8512,354
vercel-cli-with-tokens

Deploy and manage projects on Vercel using token-based authentication. Use when working with Vercel CLI using access tokens rather than interactive login — e.g. "deploy to vercel", "set up vercel", "add environment variables to vercel".

vercel-labs/agent-skills25,8512,354
vercel-react-native-skills

React Native and Expo best practices for building performant mobile apps. Use

vercel-labs/agent-skills25,8512,354
vercel-composition-patterns

React composition patterns that scale. Use when refactoring components with

vercel-labs/agent-skills25,8512,354
vercel-react-best-practices

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.

vercel-labs/agent-skills25,8512,354
vercel-labs/agent-skills