@skills · Owner

Agent skills by vercel-labs

101 skills indexed from github.com/vercel-labs. Reference any of them in AdaL, Claude Code, Cursor or any coding agent — nothing to install.

• agent-browser · Skill · 40,107 stars

  Browser automation CLI for AI agents. Use when the user needs to interact with websites, including navigating pages, filling forms, clicking buttons, takin

• agent-browser · Collection · 40,107 stars
• agentcore · Skill · 40,107 stars

  Run agent-browser on AWS Bedrock AgentCore cloud browsers. Use when the user wants to use AgentCore, run browser automation on AWS, use a cloud browser wit

• core · Skill · 40,107 stars

  Core agent-browser usage guide. Read this before running any agent-browser commands. Covers the snapshot-and-ref workflow, navigating pages, interacting wi

• derive-client · Skill · 40,107 stars

  Reverse-engineer a website's internal API by recording browser traffic into a HAR file, then generate a standalone client or CLI that calls the endpoints d

• dogfood · Skill · 40,107 stars

  Systematically explore and test a web application to find bugs, UX issues, and other problems. Use when asked to "dogfood", "QA", "exploratory test", "find

• electron · Skill · 40,107 stars

  Automate Electron desktop apps (VS Code, Slack, Discord, Figma, Notion, Spotify, etc.) using agent-browser via Chrome DevTools Protocol. Use when the user

• skill-data · Collection · 40,107 stars
• skills · Collection · 40,107 stars
• slack · Skill · 40,107 stars

  Interact with Slack workspaces using browser automation. Use when the user needs to check unread channels, navigate Slack, send messages, extract data, fin

• vercel-sandbox · Skill · 40,107 stars

  Run agent-browser + Chrome inside Vercel Sandbox microVMs for browser automation from any Vercel-deployed app. Use when the user needs browser automation i

• agent-skills · Collection · 29,812 stars
• deploy-to-vercel · Skill · 29,812 stars

  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 l

• skills · Collection · 29,812 stars
• vercel-cli-with-tokens · Skill · 29,812 stars

  Deploy and manage projects on Vercel using token-based authentication. Use when working with Vercel CLI using access tokens rather than interactive login —

• vercel-composition-patterns · Skill · 29,812 stars

  React composition patterns that scale. Use when refactoring components with boolean prop proliferation, building flexible component libraries, or designing

• vercel-optimize · Skill · 29,812 stars

  Use for Vercel cost and performance optimization on deployed projects, especially Next.js, SvelteKit, Nuxt, and limited Astro apps. Collect Vercel metrics,

• vercel-react-best-practices · Skill · 29,812 stars

  React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next

• vercel-react-native-skills · Skill · 29,812 stars

  React Native and Expo best practices for building performant mobile apps. Use when building React Native components, optimizing list performance, implement

• vercel-react-view-transitions · Skill · 29,812 stars

  Guide for implementing smooth, native-feeling animations using React's View Transition API (`<ViewTransition>` component, `addTransitionType`, and CSS view

• web-design-guidelines · Skill · 29,812 stars

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

• writing-guidelines · Skill · 29,812 stars

  Review docs/prose for Writing Guidelines compliance. Use when asked to "review my docs", "check writing style", "audit prose", "review docs voice and tone"

• find-skills · Skill · 28,219 stars

  Helps users discover and install agent skills when they ask questions like "how do I do X", "find a skill for X", "is there a skill that can...", or expres

• skills · Collection · 28,219 stars
• skills · Collection · 28,219 stars
• add-function-examples · Skill · 26,057 stars

  Guide for adding new AI function examples, for testing specific features against the actual provider APIs.

• add-harness-package · Skill · 26,057 stars

  Guide for adding new AI SDK harness packages. Use when creating a new @ai-sdk/harness-<name> package that adapts a coding-agent runtime to HarnessV1.

• add-provider-package · Skill · 26,057 stars

  Guide for adding first-party AI provider packages to the AI SDK. Use when creating a provider package under packages/ to integrate an external AI service.

• adr-skill · Skill · 26,057 stars

  Create and maintain Architecture Decision Records (ADRs) optimized for agentic coding workflows. Use when you need to propose, write, update, accept/reject

• ai · Collection · 26,057 stars
• ai-e2e-next · Collection · 26,057 stars
• ai-functions · Collection · 26,057 stars
• ai-sdk · Skill · 26,057 stars

  Answer questions about the AI SDK and help build AI-powered features. Use when developers: (1) Ask about AI SDK functions like generateText, streamText, To

• capture-api-response-test-fixture · Skill · 26,057 stars

  Capture API response test fixture.

• data · Collection · 26,057 stars
• data · Collection · 26,057 stars
• develop-ai-functions-example · Skill · 26,057 stars

  Develop examples for AI SDK functions. Use when creating, running, or modifying examples under examples/ai-functions/src to validate provider support, demo

• examples · Collection · 26,057 stars
• island-rescue · Skill · 26,057 stars

  How to be rescued from a lonely island

• island-rescue · Skill · 26,057 stars

  How to be rescued from a lonely island

• list-npm-package-content · Skill · 26,057 stars

  List the contents of an npm package tarball before publishing. Use when the user wants to see what files are included in an npm bundle, verify package cont

• major-version-mode · Skill · 26,057 stars

  Context for working on the next AI SDK major release. Only use when explicitly invoked by the user (e.g. via '/major-version-mode'). Do NOT trigger autonom

• migrate-ai-sdk-v6-to-v7 · Skill · 26,057 stars

  Migrate applications from AI SDK 6.x to AI SDK 7.0. Use when upgrading Vercel AI SDK packages, fixing v7 migration errors, or when the user mentions AI SDK

• skills · Collection · 26,057 stars
• update-harness-dependencies · Skill · 26,057 stars

  Update the primary SDK dependencies of harness packages. Use when asked to update the harness SDKs or harness adapter dependencies.

• update-provider-models · Skill · 26,057 stars

  Add new or remove obsolete model IDs for existing AI SDK providers. Use when adding a model to a provider, removing an obsolete model, or processing a list

• codegen · Skill · 15,850 stars

  Code generation utilities for json-render. Use when generating code from UI specs, building custom code exporters, traversing specs, or serializing props f

• core · Skill · 15,850 stars

  Core package for defining schemas, catalogs, and AI prompt generation for json-render. Use when working with @json-render/core, defining schemas, creating

• devtools · Skill · 15,850 stars

  Drop-in inspector panel for any json-render app. Use when the user wants to debug a generative UI, inspect the spec tree, edit state at runtime, see dispat

• directives · Skill · 15,850 stars

  Pre-built custom directives for json-render — formatting, math, string manipulation, and i18n. Use when working with @json-render/directives, defining cust

• image · Skill · 15,850 stars

  Image renderer for json-render that turns JSON specs into SVG and PNG images via Satori. Use when working with @json-render/image, generating OG images fro

• ink · Skill · 15,850 stars

  Ink terminal renderer for json-render that turns JSON specs into interactive terminal UIs. Use when working with @json-render/ink, building terminal UIs fr

• jotai · Skill · 15,850 stars

  Jotai adapter for json-render's StateStore interface. Use when integrating json-render with Jotai for state management via @json-render/jotai.

• json-render · Collection · 15,850 stars
• mcp · Skill · 15,850 stars

  MCP Apps integration for json-render. Use when building MCP servers that render interactive UIs in Claude, ChatGPT, Cursor, or VS Code, or when integrating

• next · Skill · 15,850 stars

  Next.js renderer for json-render that turns JSON specs into full Next.js applications with routes, layouts, SSR, and metadata. Use when working with @json-

• react · Skill · 15,850 stars

  React renderer for json-render that turns JSON specs into React components. Use when working with @json-render/react, building React UIs from JSON, creatin

• react-email · Skill · 15,850 stars

  React Email renderer for json-render that turns JSON specs into HTML or plain-text emails using @react-email/components and @react-email/render. Use when w

• react-native · Skill · 15,850 stars

  React Native renderer for json-render that turns JSON specs into native mobile UIs. Use when working with @json-render/react-native, building React Native

• react-pdf · Skill · 15,850 stars

  React PDF renderer for json-render. Use when generating PDF documents from JSON specs, working with @json-render/react-pdf, or rendering specs to PDF buffe

• react-three-fiber · Skill · 15,850 stars

  React Three Fiber 3D renderer for json-render. Use when working with @json-render/react-three-fiber, building 3D scenes from JSON specs, rendering meshes/l

• redux · Skill · 15,850 stars

  Redux adapter for json-render's StateStore interface. Use when integrating json-render with Redux or Redux Toolkit for state management via @json-render/re

• remotion · Skill · 15,850 stars

  Remotion renderer for json-render that turns JSON timeline specs into videos. Use when working with @json-render/remotion, building video compositions from

• remotion-best-practices · Skill · 15,850 stars

  Best practices for Remotion - Video creation in React

• shadcn · Skill · 15,850 stars

  Pre-built shadcn/ui components for json-render. Use when working with @json-render/shadcn, adding standard UI components to a catalog, or building web UIs

• shadcn-svelte · Skill · 15,850 stars

  Pre-built shadcn-svelte components for json-render Svelte apps. Use when working with @json-render/shadcn-svelte, adding standard UI components to a Svelte

• skill-creator · Skill · 15,850 stars

  Guide for creating effective skills. This skill should be used when users want to create a new skill (or update an existing skill) that extends Claude's ca

• skills · Collection · 15,850 stars
• solid · Skill · 15,850 stars

  SolidJS renderer for json-render. Use when building @json-render/solid catalogs/registries, wiring Renderer providers, implementing bindings/actions, or tr

• svelte · Skill · 15,850 stars

  Svelte 5 renderer for json-render that turns JSON specs into Svelte component trees. Use when working with @json-render/svelte, building Svelte UIs from JS

• vue · Skill · 15,850 stars

  Vue 3 renderer for json-render. Use when building Vue UIs from JSON specs, working with @json-render/vue, defining Vue component registries, or rendering A

• xstate · Skill · 15,850 stars

  XState Store adapter for json-render's StateStore interface. Use when integrating json-render with @xstate/store for state management via @json-render/xsta

• yaml · Skill · 15,850 stars

  YAML wire format for json-render with streaming parser, prompt generation, and AI SDK transform. Use when working with @json-render/yaml, YAML-based spec s

• zustand · Skill · 15,850 stars

  Zustand adapter for json-render's StateStore interface. Use when integrating json-render with Zustand for state management via @json-render/zustand.

• oauth · Skill · 10,344 stars

  Configure OAuth providers (Google, Apple, Microsoft, Facebook, GitHub, etc.) to work with portless local dev URLs. Use when setting up OAuth redirect URIs,

• portless · Skill · 10,344 stars

  Set up and use portless for named local dev server URLs (e.g. https://myapp.localhost instead of http://localhost:3000). Use when integrating portless into

• portless · Collection · 10,344 stars
• skills · Collection · 10,344 stars
• .agents · Collection · 1,490 stars
• next-best-practices · Skill · 1,490 stars

  Next.js best practices - file conventions, RSC boundaries, data patterns, async APIs, metadata, error handling, route handlers, image/font optimization, bu

• next-cache-components · Skill · 1,490 stars

  Next.js 16 Cache Components - PPR, use cache directive, cacheLife, cacheTag, updateTag

• next-upgrade · Skill · 1,490 stars

  Upgrade Next.js to the latest version following official migration guides and codemods

• openreview · Collection · 1,490 stars
• skills · Collection · 1,490 stars
• vercel-composition-patterns · Skill · 1,490 stars

  React composition patterns that scale. Use when refactoring components with boolean prop proliferation, building flexible component libraries, or designing

• vercel-react-best-practices · Skill · 1,490 stars

  React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next

• vercel-react-native-skills · Skill · 1,490 stars

  React Native and Expo best practices for building performant mobile apps. Use when building React Native components, optimizing list performance, implement

• web-design-guidelines · Skill · 1,490 stars

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

• .agents · Collection · 234 stars
• agent-eval · Collection · 234 stars
• frontend-design · Skill · 234 stars

  Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifa

• packages · Collection · 234 stars
• playground · Collection · 234 stars
• skills · Collection · 234 stars
• vercel-react-best-practices · Skill · 234 stars

  React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next

• web-design-guidelines · Skill · 234 stars

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

• before-and-after · Skill · 208 stars

  Add existing screenshots or screen recordings to a GitHub pull request as a before/after or preview block. Use when a PR needs visual media attached to its

• before-and-after · Collection · 208 stars
• protected-vercel-deployments · Skill

  Access and test Vercel deployments protected by Vercel Authentication, SSO, or Deployment Protection with agent-browser. Use when a preview or production U

• tanstack-start · Skill

  Build JSON-defined TanStack Start applications with @json-render/tanstack-start. Use for Start route specs, splat routing, SSR loaders, head metadata, layo

• webmcp-gen · Skill

  Build and validate experimental WebMCP tools for an existing web page. Use when an agent needs to expose a site's real workflows as page tools, create webm

Browse the @skills marketplace