Develop. Preview. Ship. Creators of Next.js.
Vercel Labs publishes skills that help AI agents write and stabilise Playwright end-to-end browser tests, generate PDF documents from JSON specs with React PDF tooling, render JSON specs into SVG and PNG images for social cards, and build terminal UIs and TanStack Start applications. Many of their skills centre on the json-render family, which turns declarative JSON into finished output across web, PDF, image and terminal targets, and they also cover React View Transitions for page and shared-element animation.
Agent Browser
9 skills · 46,287 stars · Apache-2.0
Agentcore Run agent-browser on AWS Bedrock AgentCore cloud browsers.
Core Core agent-browser usage guide.
Derive Client Reverse-engineer a website's internal API by recording browser traffic into a HAR file, then gene…
Dogfood Systematically explore and test a web application to find bugs, UX issues, and other problems.
Electron Automate Electron desktop apps (VS Code, Slack, Discord, Figma, Notion, Spotify, etc.) using agen…
Protected Vercel Deployments Access and test Vercel deployments protected by Vercel Authentication, SSO, or Deployment Protect…
Slack Interact with Slack workspaces using browser automation.
Vercel Sandbox Run agent-browser + Chrome inside Vercel Sandbox microVMs for browser automation from any Vercel-…
Webmcp Gen Build and validate experimental WebMCP tools for an existing web page.
Skills
2 skills · 38,371 stars · MIT
Pr Labeling Classify a skills CLI pull request from its description and patch, while respecting existing labels.
Triage Identify focused, evidence-backed skills CLI bug fixes worth quuu's attention.
Agent Skills
8 skills · 33,634 stars
Animate React page and shared-element transitions with View Transitions Native browser animations for route changes, shared elements and list reorders, with no animation li
Deploy To Vercel Deploy applications and websites to Vercel.
Vercel Cli With Tokens Deploy and manage projects on Vercel using token-based authentication.
Vercel Composition Patterns Guides React component design using composition instead of boolean props: compound components, lifti
Vercel Optimize Use for Vercel cost and performance optimization on deployed projects, especially Next.js, Svelte…
Vercel React Best Practices React and Next.js performance optimization guidelines from Vercel Engineering.
Vercel React Native Skills Best practices for React Native and Expo apps covering FlashList list performance, Reanimated animat
Writing Guidelines Review docs/prose for Writing Guidelines compliance.
Json Render
30 skills · 18,938 stars · Apache-2.0
Codegen Code generation utilities for json-render.
Core Core package for defining schemas, catalogs, and AI prompt generation for json-render.
Devtools Drop-in inspector panel for any json-render app.
Devtools React React adapter for the json-render devtools inspector.
Devtools Solid SolidJS adapter for the json-render devtools inspector.
Devtools Svelte Svelte 5 adapter for the json-render devtools inspector.
Devtools Vue Vue adapter for the json-render devtools inspector.
Directives Pre-built custom directives for json-render — formatting, math, string manipulation, and i18n.
Generate Acrobat and PdfCraft .pdf files from JSON specs in React Render JSON specs to PDF buffers, streams, or files with React-style components
Image Image renderer for json-render that turns JSON specs into SVG and PNG images via Satori.
Ink Ink terminal renderer for json-render that turns JSON specs into interactive terminal UIs.
Jotai Jotai adapter for json-render's StateStore interface.
Mcp MCP Apps integration for json-render.
Next Next.js renderer for json-render that turns JSON specs into full Next.js applications with routes…
React React renderer for json-render that turns JSON specs into React components.
React Email React Email renderer for json-render that turns JSON specs into HTML or plain-text emails using @…
React Native React Native renderer for json-render that turns JSON specs into native mobile UIs.
React Three Fiber React Three Fiber 3D renderer for json-render.
Redux Redux adapter for json-render's StateStore interface.
Remotion Remotion renderer for json-render that turns JSON timeline specs into videos.
Remotion Best Practices Best practices for Remotion - Video creation in React
Shadcn Pre-built shadcn/ui components for json-render.
Shadcn Svelte Pre-built shadcn-svelte components for json-render Svelte apps.
Solid SolidJS renderer for json-render.
Svelte Svelte 5 renderer for json-render that turns JSON specs into Svelte component trees.
Tanstack Start Build JSON-defined TanStack Start applications with @json-render/tanstack-start.
Vue Vue 3 renderer for json-render.
Xstate XState Store adapter for json-render's StateStore interface.
Yaml YAML wire format for json-render with streaming parser, prompt generation, and AI SDK transform.
Zustand Zustand adapter for json-render's StateStore interface.
Portless
2 skills · 12,851 stars · Apache-2.0
Oauth Configure OAuth providers (Google, Apple, Microsoft, Facebook, GitHub, etc.) to work with portles…
Portless Set up and use portless for named local dev server URLs (e.g.
Native
7 skills · 7,834 stars · Apache-2.0
Automation Automation and verification guide for running Native SDK apps.
Core Core Native SDK guide for AI agents.
Native Sdk Discovery skill for the Native SDK, the complete toolkit for building native desktop applications.
Native Ui Authoring guide for the Native markup (.native) view tier of native-rendered Native SDK apps.
Ts Core Authoring guide for the primary Native SDK app-logic path: TypeScript app cores - Model, Msg, upd…
Ts Services Authoring guide for Native SDK TypeScript services under src/services: ordinary scriptc static-ti…
Zig Zig 0.16 idioms for Native SDK code, indexed by compile error.
Open Agents
12 skills · 5,885 stars · MIT
Ai Sdk Answer questions about the AI SDK and help build AI-powered features.
Baseline Ui Validates animation durations, enforces typography scale, checks component accessibility, and pre…
Chat Sdk Build multi-platform chat bots with Chat SDK (`chat` npm package).
Code Review Reviews code changes and provides actionable feedback.
Deploy Open Harness Guides a user through collecting the credentials needed to deploy their own copy of Open Harness,…
Emil Design Eng This skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions…
Frontend Design Create distinctive, production-grade frontend interfaces with high design quality.
Plan Mode Holistic, system-aware planning before implementing non-trivial tasks.
Remove Demo Limits Removes Open Harness hosted demo restrictions from a fork.
Vercel React Best Practices React and Next.js performance optimization guidelines from Vercel Engineering.
Web Animation Design Design and implement web animations that feel natural and purposeful.
Workflow Creates durable, resumable workflows using Vercel's Workflow DevKit.
Zerolang
1 skills · 5,406 stars · Apache-2.0
Zero Install Zero and load version-matched workflows with zero skills.
Opensrc
1 skills · 3,028 stars · Apache-2.0
Opensrc Fetch dependency source code to give AI agents deeper implementation context.
Vgpu
3 skills · 2,622 stars · MIT
Vgpu Build, debug, test, and optimize WebGPU projects using vgpu, its CLI, or @vgpu packages.
Vgpu Agent Flow Lead workflow for developing vgpu features and Blender assets with the repository's subharness sp…
Visual Explainer Use when the user asks to explain a problem, issue, PR, or feature as an infographic.
Emulate
15 skills · 1,969 stars · Apache-2.0
Apple Emulated Sign in with Apple / Apple OIDC for local development and testing.
Aws Emulated AWS cloud services (S3, SQS, Cognito, IAM, STS) for local development and testing.
Custom Apis Build and share third-party HTTP API emulators with emulate.
Emulate Local drop-in API emulator for Vercel, GitHub, Google, Slack, Apple, Microsoft, AWS, Clerk, Linea…
Github Emulated GitHub REST API for local development and testing.
Google Emulated Google OAuth 2.0, OpenID Connect, Gmail, Calendar, and Drive for local development and t…
Linear Emulated Linear GraphQL API for local development and testing.
Microsoft Emulated Microsoft Entra ID (Azure AD) OAuth 2.0 / OpenID Connect for local development and testing.
Next Next.js adapter for embedding emulators directly in a Next.js app via @emulators/adapter-next.
Nuxt Nuxt adapter for embedding emulators directly in a Nuxt app via @emulators/adapter-nuxt.
Resend Emulated Resend email API for local development and testing.
Slack Emulated Slack API for local development and testing.
Stripe Emulated Stripe API for local development and testing.
Twilio Emulated Twilio REST APIs for local development and testing.
Vercel Emulated Vercel REST API for local development and testing.
Openreview
3 skills · 1,704 stars
Next Cache Components Next.js 16 Cache Components - PPR, use cache directive, cacheLife, cacheTag, updateTag
Next Upgrade Upgrade Next.js to the latest version following official migration guides and codemods
Vercel React Best Practices React and Next.js performance optimization guidelines from Vercel Engineering.
Dev3000
3 skills · 1,597 stars · MIT
Analyze Bundle Convert Next.js bundle analyzer data to NDJSON and explore it
D3K Use when the user asks to use d3k, run/dev/test/debug a web project with d3k, or reproduce a brow…
Deepsec Run DeepSec against a Vercel project checkout from dev3000.
Before And After
1 skills · 421 stars · NOASSERTION
Before And After Add existing screenshots or screen recordings to a GitHub pull request as a before/after or previ…
Konsistent
2 skills · 195 stars · NOASSERTION
Konsistent Config Create or modify a konsistent.json configuration file that enforces structural conventions in a T…
Konsistent Fix Violations Run the konsistent CLI, review all reported violations, and fix them in the codebase.
Autoship
1 skills · 163 stars · Apache-2.0
Autoship CLI tool for automated changeset-based releases with AI-generated descriptions.
Skill Remotion Geist
1 skills · 24 stars
Create Remotion Geist Create Remotion videos using the Geist design system aesthetic.
Slack Agent Skill
1 skills · 24 stars · Apache-2.0
Slack Agent Use when building Slack agents/bots with eve (Vercel's filesystem-first agent framework), @vercel…
Agentic Commerce Skills
1 skills · 16 stars
Ucp Expert-level implementation assistant for the Universal Commerce Protocol (UCP).
Migration Skills
1 skills · 14 stars
Cra To Next Migration Comprehensive guide for migrating Create React App (CRA) projects to Next.js.
Other skills
1 skills
Write and stabilise Playwright end-to-end browser tests Reliable, non-flaky browser tests you can run in CI for your web app.