Skills
vercel-labs/vercel-plugin
Comprehensive Vercel ecosystem plugin — relational knowledge graph, skills for every major product, specialized agents, and Vercel conventions. Turns any AI agent into a Vercel expert.
npx -y skilld add gh:vercel-labs/vercel-pluginvercel-cli
npmnpx -y skilld add gh:vercel-labs/vercel-plugin -s vercel-cliai-elements
npmnpx -y skilld add gh:vercel-labs/vercel-plugin -s ai-elementsturborepo
npmnpx -y skilld add gh:vercel-labs/vercel-plugin -s turborepoturbopack
npmnpx -y skilld add gh:vercel-labs/vercel-plugin -s turbopackruntime-cache
npmnpx -y skilld add gh:vercel-labs/vercel-plugin -s runtime-cachereact-best-practices
npmnpx -y skilld add gh:vercel-labs/vercel-plugin -s react-best-practicesvercel-agent
npmnpx -y skilld add gh:vercel-labs/vercel-plugin -s vercel-agentagent-browser-verify
npmnpx -y skilld add gh:vercel-labs/vercel-plugin -s agent-browser-verifybootstrap
npmnpx -y skilld add gh:vercel-labs/vercel-plugin -s bootstrapdeployments-cicd
npmnpx -y skilld add gh:vercel-labs/vercel-plugin -s deployments-cicdswr
npmnpx -y skilld add gh:vercel-labs/vercel-plugin -s swrshadcn
npmnpx -y skilld add gh:vercel-labs/vercel-plugin -s shadcnvercel-api
npmnpx -y skilld add gh:vercel-labs/vercel-plugin -s vercel-apiworkflow
npmnpx -y skilld add gh:vercel-labs/vercel-plugin -s workflowbenchmark-testing
npmnpx -y skilld add gh:vercel-labs/vercel-plugin -s benchmark-testingchat-sdk
npmnpx -y skilld add gh:vercel-labs/vercel-plugin -s chat-sdkenv-vars
npmnpx -y skilld add gh:vercel-labs/vercel-plugin -s env-varsagent-browser
npmnpx -y skilld add gh:vercel-labs/vercel-plugin -s agent-browsercron-jobs
npmnpx -y skilld add gh:vercel-labs/vercel-plugin -s cron-jobsvercel-firewall
npmnpx -y skilld add gh:vercel-labs/vercel-plugin -s vercel-firewallvercel-functions
npmnpx -y skilld add gh:vercel-labs/vercel-plugin -s vercel-functionscms
npmnpx -y skilld add gh:vercel-labs/vercel-plugin -s cmsnextjs
npmnpx -y skilld add gh:vercel-labs/vercel-plugin -s nextjsstyled-jsx
npmnpx -y skilld add gh:vercel-labs/vercel-plugin -s styled-jsxvercel-queues
npmnpx -y skilld add gh:vercel-labs/vercel-plugin -s vercel-queuesplugin-audit
npmnpx -y skilld add gh:vercel-labs/vercel-plugin -s plugin-auditvercel-flags
npmnpx -y skilld add gh:vercel-labs/vercel-plugin -s vercel-flagsjson-render
npmnpx -y skilld add gh:vercel-labs/vercel-plugin -s json-renderauth
npmnpx -y skilld add gh:vercel-labs/vercel-plugin -s authemail
npmnpx -y skilld add gh:vercel-labs/vercel-plugin -s emailncc
npmnpx -y skilld add gh:vercel-labs/vercel-plugin -s nccvercel-sandbox
npmnpx -y skilld add gh:vercel-labs/vercel-plugin -s vercel-sandboxv0-dev
npmnpx -y skilld add gh:vercel-labs/vercel-plugin -s v0-devvercel-plugin-eval
npmnpx -y skilld add gh:vercel-labs/vercel-plugin -s vercel-plugin-evalsign-in-with-vercel
npmnpx -y skilld add gh:vercel-labs/vercel-plugin -s sign-in-with-vercelai-gateway
npmnpx -y skilld add gh:vercel-labs/vercel-plugin -s ai-gatewaygeist
npmnpx -y skilld add gh:vercel-labs/vercel-plugin -s geist
npx -y skilld add gh:vercel-labs/json-renderjson-render-react
npmnpx -y skilld add gh:vercel-labs/json-render -s json-render-reactjson-render-core
npmnpx -y skilld add gh:vercel-labs/json-render -s json-render-coreremotion-best-practices
npmnpx -y skilld add gh:vercel-labs/json-render -s remotion-best-practicesjson-render-remotion
npmnpx -y skilld add gh:vercel-labs/json-render -s json-render-remotionjson-render-shadcn
npmnpx -y skilld add gh:vercel-labs/json-render -s json-render-shadcnjson-render-react-native
npmnpx -y skilld add gh:vercel-labs/json-render -s json-render-react-nativecore
npmnpx -y skilld add gh:vercel-labs/json-render -s corereact
npmnpx -y skilld add gh:vercel-labs/json-render -s reactmcp
npmnpx -y skilld add gh:vercel-labs/json-render -s mcpimage
npmnpx -y skilld add gh:vercel-labs/json-render -s imagereact-pdf
npmnpx -y skilld add gh:vercel-labs/json-render -s react-pdfcodegen
npmnpx -y skilld add gh:vercel-labs/json-render -s codegenzustand
npmnpx -y skilld add gh:vercel-labs/json-render -s zustandreact-native
npmnpx -y skilld add gh:vercel-labs/json-render -s react-nativeremotion
npmnpx -y skilld add gh:vercel-labs/json-render -s remotionreact-email
npmnpx -y skilld add gh:vercel-labs/json-render -s react-emailjson-render-image
npmnpx -y skilld add gh:vercel-labs/json-render -s json-render-imagejotai
npmnpx -y skilld add gh:vercel-labs/json-render -s jotaisvelte
npmnpx -y skilld add gh:vercel-labs/json-render -s svelteredux
npmnpx -y skilld add gh:vercel-labs/json-render -s reduxvue
npmnpx -y skilld add gh:vercel-labs/json-render -s vuexstate
npmnpx -y skilld add gh:vercel-labs/json-render -s xstatejson-render-react-email
npmnpx -y skilld add gh:vercel-labs/json-render -s json-render-react-email
npx -y skilld add gh:vercel-labs/agent-skillsvercel-react-native-skills
npmReact Native and Expo best practices for building performant mobile apps. Use when building React Native components, optimizing list performance, implementing animations, or working with native modules. Triggers on tasks involving React Native, Expo, mobile performance, or native platform APIs.
npx -y skilld add gh:vercel-labs/agent-skills -s vercel-react-native-skillsdeploy-to-vercel
npmDeploy 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".
npx -y skilld add gh:vercel-labs/agent-skills -s deploy-to-vercelvercel-composition-patterns
npmReact composition patterns that scale. Use when refactoring components with boolean prop proliferation, building flexible component libraries, or designing reusable APIs. Triggers on tasks involving compound components, render props, context providers, or component architecture. Includes React 19 API changes.
npx -y skilld add gh:vercel-labs/agent-skills -s vercel-composition-patternsweb-design-guidelines
npmReview 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".
npx -y skilld add gh:vercel-labs/agent-skills -s web-design-guidelinesvercel-react-best-practices
npmReact 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.
npx -y skilld add gh:vercel-labs/agent-skills -s vercel-react-best-practicesvercel-react-view-transitions
npmGuide 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.
npx -y skilld add gh:vercel-labs/agent-skills -s vercel-react-view-transitionsvercel-cli-with-tokens
npmDeploy 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".
npx -y skilld add gh:vercel-labs/agent-skills -s vercel-cli-with-tokens
npx -y skilld add gh:vercel-labs/sitecore-skillsmarketplace-build-component
npmnpx -y skilld add gh:vercel-labs/sitecore-skills -s marketplace-build-componentmarketplace-sdk-reference
npmnpx -y skilld add gh:vercel-labs/sitecore-skills -s marketplace-sdk-referencemarketplace-add-xmc
npmnpx -y skilld add gh:vercel-labs/sitecore-skills -s marketplace-add-xmcmarketplace-add-extension
npmnpx -y skilld add gh:vercel-labs/sitecore-skills -s marketplace-add-extensionmarketplace-deploy
npmnpx -y skilld add gh:vercel-labs/sitecore-skills -s marketplace-deploymarketplace-scaffold
npmnpx -y skilld add gh:vercel-labs/sitecore-skills -s marketplace-scaffoldmarketplace-add-ai
npmnpx -y skilld add gh:vercel-labs/sitecore-skills -s marketplace-add-ai
vercel-labs/next-skills
npx -y skilld add gh:vercel-labs/next-skillsmetadata
npmnpx -y skilld add gh:vercel-labs/next-skills -s metadatahydration-error
npmnpx -y skilld add gh:vercel-labs/next-skills -s hydration-errorbest-practices
npmnpx -y skilld add gh:vercel-labs/next-skills -s best-practicesdirectives
npmnpx -y skilld add gh:vercel-labs/next-skills -s directivesdebug-tricks
npmnpx -y skilld add gh:vercel-labs/next-skills -s debug-tricksupgrade
npmnpx -y skilld add gh:vercel-labs/next-skills -s upgradenext-best-practice
npmnpx -y skilld add gh:vercel-labs/next-skills -s next-best-practice
vercel-labs/ai
The AI Toolkit for TypeScript. From the creators of Next.js, the AI SDK is a free open-source library for building AI-powered applications and agents
npx -y skilld add gh:vercel-labs/aidevelop-ai-functions-example
npmnpx -y skilld add gh:vercel-labs/ai -s develop-ai-functions-exampleadd-provider-package
npmnpx -y skilld add gh:vercel-labs/ai -s add-provider-packagecapture-api-response-test-fixture
npmnpx -y skilld add gh:vercel-labs/ai -s capture-api-response-test-fixturelist-npm-package-content
npmnpx -y skilld add gh:vercel-labs/ai -s list-npm-package-content
npx -y skilld add gh:vercel-labs/agent-browservercel-labs/vercel-skills
npx -y skilld add gh:vercel-labs/vercel-skillsvercel-labs/portless
Replace port numbers with stable, named local URLs. For humans and agents.
npx -y skilld add gh:vercel-labs/portlessnpx -y skilld add gh:vercel-labs/py-ainpx -y skilld add gh:vercel-labs/openreviewnpx -y skilld add gh:vercel-labs/bash-toolnpx -y skilld add gh:vercel-labs/skillsvercel-labs/before-and-after
npx -y skilld add gh:vercel-labs/before-and-aftervercel-labs/skill-remotion-geist
Create Remotion videos using the Geist design system aesthetic
npx -y skilld add gh:vercel-labs/skill-remotion-geistvercel-labs/agent-eval
npx -y skilld add gh:vercel-labs/agent-evalnpx -y skilld add gh:vercel-labs/agentic-commerce-skillsnpx -y skilld add gh:vercel-labs/slack-agent-skillnpx -y skilld add gh:vercel-labs/migration-skillsnpx -y skilld add gh:vercel-labs/autoshipvercel-labs/dev3000
Captures your web app's complete development timeline - server logs, browser events, console messages, network requests, and automatic screenshots - in a unified, timestamped feed for AI debugging.
npx -y skilld add gh:vercel-labs/dev3000vercel-labs/next-browser
npx -y skilld add gh:vercel-labs/next-browsernpx -y skilld add gh:vercel-labs/next-docs-agentic-ragnpx -y skilld add gh:vercel-labs/webreelvercel-labs/skill-geist-learning-labs
Build explorative, interactive learning experiences as Next.js apps using the Geist design system
npx -y skilld add gh:vercel-labs/skill-geist-learning-labsnpx -y skilld add gh:vercel-labs/vercel-deploy-codex-skillvercel-labs/ralph-gpu
npx -y skilld add gh:vercel-labs/ralph-gpuSkills published by vercel-labs. Synced just now