[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6K1W4WYK569CVCRSH3CDAK8":3,"skill-same:01M6K1W4WYK569CVCRSH3CDAK8":132},{"skillNo":4,"name":5,"nameZh":6,"description":7,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":16,"categories":17,"keywords":34,"publishedAt":55,"linkOnly":56,"markdownContent":57,"markdownBody":58,"frontMatter":59,"refName":109,"commitSha":110,"skillDirectory":111,"forksCount":112,"repositoryHtmlUrl":113,"repositoryHomepageUrl":6,"ownerHtmlUrl":114,"ownerBlogUrl":115,"ownerDescription":116,"updatedAt":117,"install":118,"resources":131},"01M6K1W4WYK569CVCRSH3CDAK8","v0-dev",null,"v0 by Vercel expert guidance. Use when discussing AI code generation, generating UI components from prompts, v0 CLI usage, v0 SDK\u002FAPI integration, or integrating v0 into development workflows with GitHub and Vercel deployment.","NagyVikt\u002Fcodex-plugins","NagyVikt","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F137165288?v=4","01M6K0SJ3R2DAZRJKJJS10VN87","Viktor Nagy","01M6K0SJ9HXN0GBD91QDQ9WNVV",2,"MIT","https:\u002F\u002Fgithub.com\u002FNagyVikt\u002Fcodex-plugins\u002Fblob\u002Fmain\u002Fplugins\u002Fvercel\u002Fskills\u002Fv0-dev\u002FSKILL.md",[18,23,26,31],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000010","后端与接口","SCENARIO","使用场景",{"categoryNo":24,"categoryName":25,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000023","Skill与智能体开发",{"categoryNo":27,"categoryName":28,"taxonomyType":29,"taxonomyTypeDesc":30},"01JBSEEDCAT000000000000030","开发工程师","PROFESSION","适用职业",{"categoryNo":32,"categoryName":33,"taxonomyType":29,"taxonomyTypeDesc":30},"01JBSEEDCAT000000000000032","设计师",[35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51,52,53,54],"dev","v0","v0 dev","ai sdk","app","development workflows","code gen","expert","integrate","router","Code Generation","image","ui","streaming","registry","generate","create","component","components","workflows","2026-11-10 10:12:30",false,"---\nname: v0-dev\ndescription: v0 by Vercel expert guidance. Use when discussing AI code generation, generating UI components from prompts, v0 CLI usage, v0 SDK\u002FAPI integration, or integrating v0 into development workflows with GitHub and Vercel deployment.\nmetadata:\n  priority: 5\n  docs:\n    - \"https:\u002F\u002Fv0.dev\u002Fdocs\"\n    - \"https:\u002F\u002Fvercel.com\u002Fdocs\u002Fv0\"\n  sitemap: \"https:\u002F\u002Fv0.dev\u002Fsitemap.xml\"\n  pathPatterns: []\n  importPatterns:\n    - '@v0\u002Fsdk'\n    - 'v0'\n  bashPatterns:\n    - '\\bnpx\\s+v0\\b'\n    - '\\bbunx\\s+v0\\b'\n    - '\\bv0\\s+(generate|dev|chat)\\b'\n  promptSignals:\n    phrases:\n      - 'generate with v0'\n      - 'v0 components'\n      - 'use v0'\n      - 'v0 generate'\n    minScore: 6\nretrieval:\n  aliases:\n    - v0\n    - ai code gen\n    - ui generator\n    - prompt to code\n  intents:\n    - generate ui with v0\n    - use v0 cli\n    - integrate v0 sdk\n    - create component from prompt\n  entities:\n    - v0\n    - v0 CLI\n    - v0 SDK\n    - AI code generation\nchainTo:\n  -\n    pattern: 'from\\s+[''\"]@\u002Fcomponents\u002Fui\u002F|npx\\s+shadcn|@shadcn\u002F'\n    targetSkill: shadcn\n    message: 'shadcn\u002Fui components detected in v0 output — loading shadcn guidance for theming, registry, and component customization.'\n  -\n    pattern: 'useChat\\s*\\(|streamText\\s*\\(|generateText\\s*\\(|from\\s+[''\"]ai[''\"]'\n    targetSkill: ai-sdk\n    message: 'AI SDK usage detected in v0-generated code — loading AI SDK v6 guidance for proper streaming, transport, and gateway patterns.'\n    skipIfFileContains: 'convertToModelMessages|toUIMessageStreamResponse'\n  -\n    pattern: 'from\\s+[''\"]next\u002Fimage[''\"]|from\\s+[''\"]next\u002Ffont[''\"]|from\\s+[''\"]next\u002Flink[''\"]'\n    targetSkill: nextjs\n    message: 'Next.js imports in v0 output — loading Next.js 16 guidance for App Router patterns, async APIs, and proxy.ts.'\n    skipIfFileContains: 'generateStaticParams|generateMetadata'\n\n---\n\n# v0 by Vercel\n\nYou are an expert in v0 (v0.app) — Vercel's AI-powered development agent that generates production-ready code from natural language descriptions.\n\n## Overview\n\nv0 transforms prompts into working React\u002FNext.js code. It supports 6M+ developers and 80K+ active teams globally. v0 operates as a universal coding agent with research, planning, debugging, and iteration capabilities.\n\n## Core Capabilities\n\n- **Natural language → code**: Describe what you want, get production React components\n- **Visual input**: Upload Figma designs, screenshots, or sketches → code\n- **Multi-framework**: Outputs React, Vue, Svelte, HTML, Markdown\n- **Agentic intelligence**: Research, plan, debug, iterate autonomously\n- **shadcn\u002Fui + Tailwind CSS**: Default styling system\n- **Full IDE**: Built-in VS Code editor, terminal, and git panel in the web UI\n\n## CLI Usage\n\n### Component Integration CLI (`v0` package)\n\nInstall and pull v0-generated components into your Next.js project:\n\n```bash\n# Initialize v0 in an existing Next.js project (one-time setup)\nnpx v0@latest init\n\n# Add a specific v0-generated component by ID\nnpx v0@latest add \u003Ccomponent-id>\n\n# With pnpm\npnpm dlx v0@latest init\npnpm dlx v0@latest add \u003Ccomponent-id>\n```\n\n`v0 init` installs required dependencies (`@radix-ui\u002Freact-icons`, `clsx`, `lucide-react`) and creates a `components.json` config file.\n\n### \"Add to Codebase\" (Web UI → Local)\n\nFrom the v0.dev web interface, click the \"Add to Codebase\" button (terminal icon) to generate a command:\n\n```bash\nnpx shadcn@latest add \"https:\u002F\u002Fv0.dev\u002Fchat\u002Fb\u002F\u003Cproject_id>?token=\u003Ctoken>\"\n```\n\nRun this in your project root to pull the entire generated project into your codebase.\n\n### Typical Workflow\n\n```bash\n# 1. Scaffold a Next.js app\nnpx create-next-app@latest --typescript --tailwind --eslint\n\n# 2. Initialize v0 integration\nnpx v0@latest init\n\n# 3. Generate a component on v0.dev, get its ID\n# 4. Add the component locally\nnpx v0@latest add a1B2c3d4\n\n# 5. Import and use in your app\n```\n\n### Project Scaffolding CLI\n\n```bash\n# Create a new project from v0 templates\nnpx create-v0-sdk-app@latest my-v0-app\n\n# Use the v0-clone template (full v0.dev replica with auth, DB, streaming)\nnpx create-v0-sdk-app@latest --template v0-clone\n```\n\n## v0 SDK (Programmatic API)\n\n### Installation\n\n```bash\nnpm install v0-sdk\n```\n\n### Authentication\n\n```ts\nimport { v0 } from 'v0-sdk'\n\u002F\u002F Automatically reads from process.env.V0_API_KEY\n\n\u002F\u002F Or create a custom client:\nimport { createClient } from 'v0-sdk'\nconst v0 = createClient({ apiKey: process.env.CUSTOM_V0_KEY })\n```\n\nGet your API key at: https:\u002F\u002Fv0.app\u002Fchat\u002Fsettings\u002Fkeys\n\n### Create a Chat and Generate Code\n\n```ts\nimport { v0 } from 'v0-sdk'\n\nconst chat = await v0.chats.create({\n  message: 'Create a responsive navbar with dark mode toggle using Tailwind',\n  system: 'You are an expert React developer',\n})\n\nconsole.log(`Open in browser: ${chat.webUrl}`)\n```\n\n### Full Project Workflow (Create → Chat → Deploy)\n\n```ts\nimport { v0 } from 'v0-sdk'\n\n\u002F\u002F Create a project\nconst project = await v0.projects.create({ name: 'My App' })\n\n\u002F\u002F Initialize a chat with existing code\nconst chat = await v0.chats.init({\n  type: 'files',\n  files: [{ name: 'App.tsx', content: existingCode }],\n  projectId: project.id,\n})\n\n\u002F\u002F Send follow-up instructions\nawait v0.chats.sendMessage({\n  chatId: chat.id,\n  message: 'Add a sidebar with navigation links and a user avatar',\n})\n\n\u002F\u002F Deploy when ready\nconst deployment = await v0.deployments.create({\n  projectId: project.id,\n  chatId: chat.id,\n  versionId: chat.latestVersion.id,\n})\n\nconsole.log(`Live at: ${deployment.url}`)\n```\n\n### Download Generated Code\n\n```ts\n\u002F\u002F Download files from a specific chat version\nconst files = await v0.chats.downloadVersion({\n  chatId: chat.id,\n  versionId: chat.latestVersion.id,\n})\n```\n\n### SDK Method Reference\n\n**Chats:**\n- `v0.chats.create(params)` — Create a new chat\n- `v0.chats.sendMessage(params)` — Send a message to an existing chat\n- `v0.chats.getById(params)` — Retrieve a specific chat\n- `v0.chats.update(params)` — Update chat properties\n- `v0.chats.findVersions(params)` — List all versions of a chat\n- `v0.chats.getVersion(params)` — Retrieve a specific version\n- `v0.chats.updateVersion(params)` — Update files within a version\n- `v0.chats.downloadVersion(params)` — Download files for a version\n- `v0.chats.resume(params)` — Resume processing of a message\n\n**Projects:**\n- `v0.projects.create(params)` — Create a new project\n- `v0.projects.getById(params)` — Retrieve a project\n- `v0.projects.update(params)` — Update a project\n- `v0.projects.find()` — List all projects\n- `v0.projects.assign(params)` — Assign a chat to a project\n- `v0.projects.getByChatId(params)` — Get project by chat ID\n- `v0.projects.createEnvVars(params)` — Create env vars for a project\n\n**Deployments:**\n- `v0.deployments.create(params)` — Create deployment from a chat version\n- `v0.deployments.getById(params)` — Get deployment details\n- `v0.deployments.delete(params)` — Delete a deployment\n- `v0.deployments.find(params)` — List deployments\n- `v0.deployments.findLogs(params)` — Get deployment logs\n\n## REST API\n\nBase URL: `https:\u002F\u002Fapi.v0.dev\u002Fv1`\nAuth: `Authorization: Bearer \u003CV0_API_KEY>`\n\n| Method | Endpoint | Description |\n|--------|----------|-------------|\n| `GET` | `\u002Fv1\u002Fprojects` | List projects |\n| `POST` | `\u002Fv1\u002Fprojects` | Create project |\n| `GET` | `\u002Fv1\u002Fprojects\u002F:id` | Get project |\n| `PUT` | `\u002Fv1\u002Fprojects\u002F:id` | Update project |\n| `DELETE` | `\u002Fv1\u002Fprojects\u002F:id` | Delete project |\n| `POST` | `\u002Fv1\u002Fchats` | Create\u002Finitialize chat |\n| `GET` | `\u002Fv1\u002Fchats\u002F:id\u002Fmessages` | Get messages |\n| `POST` | `\u002Fv1\u002Fchats\u002F:id\u002Fmessages` | Send message |\n| `POST` | `\u002Fv1\u002Fdeployments` | Create deployment |\n\n### Rate Limits\n\n- API Requests: 10,000\u002Fday\n- Chat Messages: 1,000\u002Fday\n- Deployments: 100\u002Fday\n- File Uploads: 1 GB\u002Fday\n- Projects per account: 100\n\n### Available Models\n\n- `v0-1.5-md` — Everyday tasks and UI generation\n- `v0-1.5-lg` — Advanced reasoning\n- `v0-1.0-md` — Legacy model\n\n## AI SDK Integration\n\n### Using v0 as an AI Provider\n\n```bash\nnpm i @ai-sdk\u002Fvercel\n```\n\n```ts\nimport { vercel } from '@ai-sdk\u002Fvercel'\nimport { generateText } from 'ai'\n\nconst { text } = await generateText({\n  model: vercel('v0-1.5-md'),\n  prompt: 'Create a login form with email and password fields',\n})\n```\n\n### v0 AI Tools (Agent Integration)\n\nUse v0's full capabilities as tools within an AI SDK agent:\n\n```bash\nnpm install @v0-sdk\u002Fai-tools ai\n```\n\n```ts\nimport { generateText } from 'ai'\nimport { openai } from '@ai-sdk\u002Fopenai'\nimport { v0Tools } from '@v0-sdk\u002Fai-tools'\n\nconst result = await generateText({\n  model: openai('gpt-5.2'),\n  prompt: 'Create a new React dashboard project with charts and a data table',\n  tools: v0Tools({ apiKey: process.env.V0_API_KEY }),\n})\n```\n\nFor granular control, import specific tool sets:\n\n```ts\nimport { createChatTools, createProjectTools, createDeploymentTools } from '@v0-sdk\u002Fai-tools'\n```\n\nThe `v0Tools` export includes 20+ tools: `createChat`, `sendMessage`, `getChat`, `updateChat`, `deleteChat`, `favoriteChat`, `forkChat`, `listChats`, `createProject`, `getProject`, `updateProject`, `listProjects`, `assignChatToProject`, `createEnvironmentVariables`, `createDeployment`, `getDeployment`, `deleteDeployment`, `listDeployments`, `getDeploymentLogs`.\n\n## MCP Server\n\nConnect v0 to any MCP-compatible IDE (Cursor, Codex, etc.):\n\n```json\n{\n  \"mcpServers\": {\n    \"v0\": {\n      \"command\": \"npx\",\n      \"args\": [\n        \"mcp-remote\",\n        \"https:\u002F\u002Fmcp.v0.dev\",\n        \"--header\",\n        \"Authorization: Bearer ${V0_API_KEY}\"\n      ]\n    }\n  }\n}\n```\n\nExposes 4 tools: create chat, get chat info, find chats, send messages.\n\n## GitHub Integration\n\n### Setup\n\n1. In the v0 chat sidebar → **Git** section → click **Connect**\n2. Select GitHub account\u002Forg scope and repository name\n3. Click **Create Repository** — links chat to a new private GitHub repo\n4. A Vercel deployment is automatically created\n\n### Branch Behavior (Automatic)\n\n- Every chat creates a new branch (e.g., `v0\u002Fmain-e7bad8e4`)\n- Every prompt that changes code **automatically commits and pushes**\n- You never work directly on `main`\n\n### PR Workflow\n\n1. Click the **Publish** button (shows PR icon when GitHub-connected)\n2. Select **Open PR** — creates PR from `v0\u002Fmain-abc123` → `main`\n3. Review in the GitHub modal or on GitHub.com\n4. Merge the PR → closes the chat permanently\n5. Every PR gets a Preview Deployment; merging triggers Production Deployment\n\n### Importing Existing Repos\n\n1. In v0 prompt bar → click `+` → \"Import from GitHub\"\n2. v0 reads your existing codebase and env vars from Vercel\n3. Iterate with prompts; all changes committed to a new branch\n\n## Prompt Engineering Tips\n\n### 1. Be Specific About Design\n\n```\nWeak:  \"Build a dashboard\"\nStrong: \"Build a support ticket dashboard. Mobile-first, light theme, high\n        contrast. Color code: red for urgent, yellow for medium, green for low.\n        Show agent status badges. Maximum 2 columns on mobile.\"\n```\n\n### 2. Specify Your Tech Stack\n\n```\n\"Build a real-time chat app using: Next.js 16 with App Router,\nSocket.io for messaging, Vercel Postgres for storage,\nNextAuth.js for authentication.\"\n```\n\n### 3. Define User Roles\n\n```\n\"Create a team collaboration tool with admin, manager, and member\nroles, task assignment, progress tracking, and file sharing.\"\n```\n\n### 4. Queue Multiple Prompts\n\nYou can queue up to 10 prompts while v0 is still generating:\n1. \"Create the base layout with navigation\"\n2. \"Add authentication with NextAuth\"\n3. \"Connect the database and add CRUD operations\"\n4. \"Add a settings page with dark mode toggle\"\n\n### 5. Specify Error and Empty States\n\n```\n\"Add comprehensive error handling for network failures, invalid\ninput, and empty states with helpful recovery suggestions.\"\n```\n\n### 6. Use Visual Selection for Precision\n\nClick a specific element in the preview before typing to target exactly what you want to change. Eliminates ambiguity for multi-instance components.\n\n### 7. Use Design Mode vs Prompts\n\n- **Prompts**: Structural changes, adding features, wiring up logic\n- **Design Mode** (click element → adjust): Colors, spacing, typography tweaks\n\n### 8. v0's Default Output Stack\n\nWhen no framework is specified, v0 generates:\n- React with JSX + TypeScript\n- Tailwind CSS\n- shadcn\u002Fui components\n- Lucide React icons\n- Complete, copy-paste-ready code (never partial stubs)\n\n## Design Normalization for v0 Output\n\nv0 is strongest when you specify both structure and aesthetic direction. For Vercel-stack projects, include guidance like: use shadcn\u002Fui primitives, use Geist fonts, default to dark mode, use zinc\u002Fneutral tokens, avoid generic card grids. After importing v0 code, normalize it: replace ad-hoc controls with shadcn components, collapse repeated card grids into stronger patterns, align typography to Geist, remove mixed radii and decorative effects.\n\n## Integration Patterns\n\n### Pattern 1: Generate Components, Import Locally\n\nBest for adding individual UI components to an existing app.\n\n```bash\nnpx v0@latest init\nnpx v0@latest add \u003Ccomponent-id>\n```\n\nThen import the component:\n\n```tsx\nimport { DataTable } from '@\u002Fcomponents\u002Fdata-table'\n\nexport default function DashboardPage() {\n  return \u003CDataTable data={rows} columns={columns} \u002F>\n}\n```\n\n### Pattern 2: GitHub Round-Trip\n\nBest for iterating on a full feature branch with non-engineers.\n\n1. Import repo into v0 from GitHub\n2. Non-engineer iterates via prompts\n3. v0 auto-commits each change to a feature branch\n4. Engineer reviews the PR, merges\n\n### Pattern 3: SDK Automation\n\nBest for CI\u002FCD pipelines or programmatic component generation.\n\n```ts\nimport { v0 } from 'v0-sdk'\n\n\u002F\u002F Generate a component from a design spec\nconst chat = await v0.chats.create({\n  message: `Create a pricing table component with these tiers:\n    - Free: 0\u002Fmo, 1 project, community support\n    - Pro: $20\u002Fmo, unlimited projects, priority support\n    - Enterprise: Custom, SLA, dedicated support`,\n})\n\n\u002F\u002F Wait for generation, then download\nconst files = await v0.chats.downloadVersion({\n  chatId: chat.id,\n  versionId: chat.latestVersion.id,\n})\n```\n\n### Pattern 4: v0 as AI Agent Tool\n\nBest for autonomous agents that need to generate and deploy UI.\n\n```ts\nimport { Agent } from 'ai'\nimport { v0Tools } from '@v0-sdk\u002Fai-tools'\n\nconst agent = new Agent({\n  model: openai('gpt-5.2'),\n  tools: {\n    ...v0Tools({ apiKey: process.env.V0_API_KEY }),\n    \u002F\u002F ... other tools\n  },\n  system: 'You are a full-stack developer. Use v0 to generate UI components.',\n})\n\nconst { text } = await agent.generateText({\n  prompt: 'Create a dashboard for our analytics data and deploy it',\n})\n```\n\n## Built-in Integrations\n\nv0 has native support for these services in its sandbox:\n\n- **Databases**: Neon (PostgreSQL), Supabase, Upstash Redis, Vercel Blob\n- **AI**: OpenAI, Anthropic, Groq, Grok, fal, Deep Infra (via Vercel AI Gateway)\n- **Payments**: Stripe\n- **External APIs**: Twilio, and others via the \"Vars\" panel\n\n## Limitations\n\n- Best for UI components and layouts (~20% of a full application)\n- Backend, database, auth, and AI integration require separate implementation or explicit prompting\n- Generated code may need manual fixes for complex business logic\n- Enterprise-level scalability needs additional architecture review\n- shadcn\u002Fui is the primary component library; other libraries require explicit prompting\n\n## Official Documentation\n\n- [v0 App](https:\u002F\u002Fv0.app)\n- [v0 Documentation](https:\u002F\u002Fv0.app\u002Fdocs)\n- [v0 API Overview](https:\u002F\u002Fv0.app\u002Fdocs\u002Fapi\u002Fplatform\u002Foverview)\n- [v0 AI Tools](https:\u002F\u002Fv0.app\u002Fdocs\u002Fapi\u002Fplatform\u002Fpackages\u002Fai-tools)\n- [v0 MCP Server](https:\u002F\u002Fv0.app\u002Fdocs\u002Fapi\u002Fplatform\u002Fadapters\u002Fmcp-server)\n- [v0 GitHub Integration](https:\u002F\u002Fv0.app\u002Fdocs\u002Fgithub)\n- [API Keys](https:\u002F\u002Fv0.app\u002Fchat\u002Fsettings\u002Fkeys)\n- [GitHub: v0 SDK](https:\u002F\u002Fgithub.com\u002Fvercel\u002Fv0-sdk)\n","# v0 by Vercel\n\nYou are an expert in v0 (v0.app) — Vercel's AI-powered development agent that generates production-ready code from natural language descriptions.\n\n## Overview\n\nv0 transforms prompts into working React\u002FNext.js code. It supports 6M+ developers and 80K+ active teams globally. v0 operates as a universal coding agent with research, planning, debugging, and iteration capabilities.\n\n## Core Capabilities\n\n- **Natural language → code**: Describe what you want, get production React components\n- **Visual input**: Upload Figma designs, screenshots, or sketches → code\n- **Multi-framework**: Outputs React, Vue, Svelte, HTML, Markdown\n- **Agentic intelligence**: Research, plan, debug, iterate autonomously\n- **shadcn\u002Fui + Tailwind CSS**: Default styling system\n- **Full IDE**: Built-in VS Code editor, terminal, and git panel in the web UI\n\n## CLI Usage\n\n### Component Integration CLI (`v0` package)\n\nInstall and pull v0-generated components into your Next.js project:\n\n```bash\n# Initialize v0 in an existing Next.js project (one-time setup)\nnpx v0@latest init\n\n# Add a specific v0-generated component by ID\nnpx v0@latest add \u003Ccomponent-id>\n\n# With pnpm\npnpm dlx v0@latest init\npnpm dlx v0@latest add \u003Ccomponent-id>\n```\n\n`v0 init` installs required dependencies (`@radix-ui\u002Freact-icons`, `clsx`, `lucide-react`) and creates a `components.json` config file.\n\n### \"Add to Codebase\" (Web UI → Local)\n\nFrom the v0.dev web interface, click the \"Add to Codebase\" button (terminal icon) to generate a command:\n\n```bash\nnpx shadcn@latest add \"https:\u002F\u002Fv0.dev\u002Fchat\u002Fb\u002F\u003Cproject_id>?token=\u003Ctoken>\"\n```\n\nRun this in your project root to pull the entire generated project into your codebase.\n\n### Typical Workflow\n\n```bash\n# 1. Scaffold a Next.js app\nnpx create-next-app@latest --typescript --tailwind --eslint\n\n# 2. Initialize v0 integration\nnpx v0@latest init\n\n# 3. Generate a component on v0.dev, get its ID\n# 4. Add the component locally\nnpx v0@latest add a1B2c3d4\n\n# 5. Import and use in your app\n```\n\n### Project Scaffolding CLI\n\n```bash\n# Create a new project from v0 templates\nnpx create-v0-sdk-app@latest my-v0-app\n\n# Use the v0-clone template (full v0.dev replica with auth, DB, streaming)\nnpx create-v0-sdk-app@latest --template v0-clone\n```\n\n## v0 SDK (Programmatic API)\n\n### Installation\n\n```bash\nnpm install v0-sdk\n```\n\n### Authentication\n\n```ts\nimport { v0 } from 'v0-sdk'\n\u002F\u002F Automatically reads from process.env.V0_API_KEY\n\n\u002F\u002F Or create a custom client:\nimport { createClient } from 'v0-sdk'\nconst v0 = createClient({ apiKey: process.env.CUSTOM_V0_KEY })\n```\n\nGet your API key at: https:\u002F\u002Fv0.app\u002Fchat\u002Fsettings\u002Fkeys\n\n### Create a Chat and Generate Code\n\n```ts\nimport { v0 } from 'v0-sdk'\n\nconst chat = await v0.chats.create({\n  message: 'Create a responsive navbar with dark mode toggle using Tailwind',\n  system: 'You are an expert React developer',\n})\n\nconsole.log(`Open in browser: ${chat.webUrl}`)\n```\n\n### Full Project Workflow (Create → Chat → Deploy)\n\n```ts\nimport { v0 } from 'v0-sdk'\n\n\u002F\u002F Create a project\nconst project = await v0.projects.create({ name: 'My App' })\n\n\u002F\u002F Initialize a chat with existing code\nconst chat = await v0.chats.init({\n  type: 'files',\n  files: [{ name: 'App.tsx', content: existingCode }],\n  projectId: project.id,\n})\n\n\u002F\u002F Send follow-up instructions\nawait v0.chats.sendMessage({\n  chatId: chat.id,\n  message: 'Add a sidebar with navigation links and a user avatar',\n})\n\n\u002F\u002F Deploy when ready\nconst deployment = await v0.deployments.create({\n  projectId: project.id,\n  chatId: chat.id,\n  versionId: chat.latestVersion.id,\n})\n\nconsole.log(`Live at: ${deployment.url}`)\n```\n\n### Download Generated Code\n\n```ts\n\u002F\u002F Download files from a specific chat version\nconst files = await v0.chats.downloadVersion({\n  chatId: chat.id,\n  versionId: chat.latestVersion.id,\n})\n```\n\n### SDK Method Reference\n\n**Chats:**\n- `v0.chats.create(params)` — Create a new chat\n- `v0.chats.sendMessage(params)` — Send a message to an existing chat\n- `v0.chats.getById(params)` — Retrieve a specific chat\n- `v0.chats.update(params)` — Update chat properties\n- `v0.chats.findVersions(params)` — List all versions of a chat\n- `v0.chats.getVersion(params)` — Retrieve a specific version\n- `v0.chats.updateVersion(params)` — Update files within a version\n- `v0.chats.downloadVersion(params)` — Download files for a version\n- `v0.chats.resume(params)` — Resume processing of a message\n\n**Projects:**\n- `v0.projects.create(params)` — Create a new project\n- `v0.projects.getById(params)` — Retrieve a project\n- `v0.projects.update(params)` — Update a project\n- `v0.projects.find()` — List all projects\n- `v0.projects.assign(params)` — Assign a chat to a project\n- `v0.projects.getByChatId(params)` — Get project by chat ID\n- `v0.projects.createEnvVars(params)` — Create env vars for a project\n\n**Deployments:**\n- `v0.deployments.create(params)` — Create deployment from a chat version\n- `v0.deployments.getById(params)` — Get deployment details\n- `v0.deployments.delete(params)` — Delete a deployment\n- `v0.deployments.find(params)` — List deployments\n- `v0.deployments.findLogs(params)` — Get deployment logs\n\n## REST API\n\nBase URL: `https:\u002F\u002Fapi.v0.dev\u002Fv1`\nAuth: `Authorization: Bearer \u003CV0_API_KEY>`\n\n| Method | Endpoint | Description |\n|--------|----------|-------------|\n| `GET` | `\u002Fv1\u002Fprojects` | List projects |\n| `POST` | `\u002Fv1\u002Fprojects` | Create project |\n| `GET` | `\u002Fv1\u002Fprojects\u002F:id` | Get project |\n| `PUT` | `\u002Fv1\u002Fprojects\u002F:id` | Update project |\n| `DELETE` | `\u002Fv1\u002Fprojects\u002F:id` | Delete project |\n| `POST` | `\u002Fv1\u002Fchats` | Create\u002Finitialize chat |\n| `GET` | `\u002Fv1\u002Fchats\u002F:id\u002Fmessages` | Get messages |\n| `POST` | `\u002Fv1\u002Fchats\u002F:id\u002Fmessages` | Send message |\n| `POST` | `\u002Fv1\u002Fdeployments` | Create deployment |\n\n### Rate Limits\n\n- API Requests: 10,000\u002Fday\n- Chat Messages: 1,000\u002Fday\n- Deployments: 100\u002Fday\n- File Uploads: 1 GB\u002Fday\n- Projects per account: 100\n\n### Available Models\n\n- `v0-1.5-md` — Everyday tasks and UI generation\n- `v0-1.5-lg` — Advanced reasoning\n- `v0-1.0-md` — Legacy model\n\n## AI SDK Integration\n\n### Using v0 as an AI Provider\n\n```bash\nnpm i @ai-sdk\u002Fvercel\n```\n\n```ts\nimport { vercel } from '@ai-sdk\u002Fvercel'\nimport { generateText } from 'ai'\n\nconst { text } = await generateText({\n  model: vercel('v0-1.5-md'),\n  prompt: 'Create a login form with email and password fields',\n})\n```\n\n### v0 AI Tools (Agent Integration)\n\nUse v0's full capabilities as tools within an AI SDK agent:\n\n```bash\nnpm install @v0-sdk\u002Fai-tools ai\n```\n\n```ts\nimport { generateText } from 'ai'\nimport { openai } from '@ai-sdk\u002Fopenai'\nimport { v0Tools } from '@v0-sdk\u002Fai-tools'\n\nconst result = await generateText({\n  model: openai('gpt-5.2'),\n  prompt: 'Create a new React dashboard project with charts and a data table',\n  tools: v0Tools({ apiKey: process.env.V0_API_KEY }),\n})\n```\n\nFor granular control, import specific tool sets:\n\n```ts\nimport { createChatTools, createProjectTools, createDeploymentTools } from '@v0-sdk\u002Fai-tools'\n```\n\nThe `v0Tools` export includes 20+ tools: `createChat`, `sendMessage`, `getChat`, `updateChat`, `deleteChat`, `favoriteChat`, `forkChat`, `listChats`, `createProject`, `getProject`, `updateProject`, `listProjects`, `assignChatToProject`, `createEnvironmentVariables`, `createDeployment`, `getDeployment`, `deleteDeployment`, `listDeployments`, `getDeploymentLogs`.\n\n## MCP Server\n\nConnect v0 to any MCP-compatible IDE (Cursor, Codex, etc.):\n\n```json\n{\n  \"mcpServers\": {\n    \"v0\": {\n      \"command\": \"npx\",\n      \"args\": [\n        \"mcp-remote\",\n        \"https:\u002F\u002Fmcp.v0.dev\",\n        \"--header\",\n        \"Authorization: Bearer ${V0_API_KEY}\"\n      ]\n    }\n  }\n}\n```\n\nExposes 4 tools: create chat, get chat info, find chats, send messages.\n\n## GitHub Integration\n\n### Setup\n\n1. In the v0 chat sidebar → **Git** section → click **Connect**\n2. Select GitHub account\u002Forg scope and repository name\n3. Click **Create Repository** — links chat to a new private GitHub repo\n4. A Vercel deployment is automatically created\n\n### Branch Behavior (Automatic)\n\n- Every chat creates a new branch (e.g., `v0\u002Fmain-e7bad8e4`)\n- Every prompt that changes code **automatically commits and pushes**\n- You never work directly on `main`\n\n### PR Workflow\n\n1. Click the **Publish** button (shows PR icon when GitHub-connected)\n2. Select **Open PR** — creates PR from `v0\u002Fmain-abc123` → `main`\n3. Review in the GitHub modal or on GitHub.com\n4. Merge the PR → closes the chat permanently\n5. Every PR gets a Preview Deployment; merging triggers Production Deployment\n\n### Importing Existing Repos\n\n1. In v0 prompt bar → click `+` → \"Import from GitHub\"\n2. v0 reads your existing codebase and env vars from Vercel\n3. Iterate with prompts; all changes committed to a new branch\n\n## Prompt Engineering Tips\n\n### 1. Be Specific About Design\n\n```\nWeak:  \"Build a dashboard\"\nStrong: \"Build a support ticket dashboard. Mobile-first, light theme, high\n        contrast. Color code: red for urgent, yellow for medium, green for low.\n        Show agent status badges. Maximum 2 columns on mobile.\"\n```\n\n### 2. Specify Your Tech Stack\n\n```\n\"Build a real-time chat app using: Next.js 16 with App Router,\nSocket.io for messaging, Vercel Postgres for storage,\nNextAuth.js for authentication.\"\n```\n\n### 3. Define User Roles\n\n```\n\"Create a team collaboration tool with admin, manager, and member\nroles, task assignment, progress tracking, and file sharing.\"\n```\n\n### 4. Queue Multiple Prompts\n\nYou can queue up to 10 prompts while v0 is still generating:\n1. \"Create the base layout with navigation\"\n2. \"Add authentication with NextAuth\"\n3. \"Connect the database and add CRUD operations\"\n4. \"Add a settings page with dark mode toggle\"\n\n### 5. Specify Error and Empty States\n\n```\n\"Add comprehensive error handling for network failures, invalid\ninput, and empty states with helpful recovery suggestions.\"\n```\n\n### 6. Use Visual Selection for Precision\n\nClick a specific element in the preview before typing to target exactly what you want to change. Eliminates ambiguity for multi-instance components.\n\n### 7. Use Design Mode vs Prompts\n\n- **Prompts**: Structural changes, adding features, wiring up logic\n- **Design Mode** (click element → adjust): Colors, spacing, typography tweaks\n\n### 8. v0's Default Output Stack\n\nWhen no framework is specified, v0 generates:\n- React with JSX + TypeScript\n- Tailwind CSS\n- shadcn\u002Fui components\n- Lucide React icons\n- Complete, copy-paste-ready code (never partial stubs)\n\n## Design Normalization for v0 Output\n\nv0 is strongest when you specify both structure and aesthetic direction. For Vercel-stack projects, include guidance like: use shadcn\u002Fui primitives, use Geist fonts, default to dark mode, use zinc\u002Fneutral tokens, avoid generic card grids. After importing v0 code, normalize it: replace ad-hoc controls with shadcn components, collapse repeated card grids into stronger patterns, align typography to Geist, remove mixed radii and decorative effects.\n\n## Integration Patterns\n\n### Pattern 1: Generate Components, Import Locally\n\nBest for adding individual UI components to an existing app.\n\n```bash\nnpx v0@latest init\nnpx v0@latest add \u003Ccomponent-id>\n```\n\nThen import the component:\n\n```tsx\nimport { DataTable } from '@\u002Fcomponents\u002Fdata-table'\n\nexport default function DashboardPage() {\n  return \u003CDataTable data={rows} columns={columns} \u002F>\n}\n```\n\n### Pattern 2: GitHub Round-Trip\n\nBest for iterating on a full feature branch with non-engineers.\n\n1. Import repo into v0 from GitHub\n2. Non-engineer iterates via prompts\n3. v0 auto-commits each change to a feature branch\n4. Engineer reviews the PR, merges\n\n### Pattern 3: SDK Automation\n\nBest for CI\u002FCD pipelines or programmatic component generation.\n\n```ts\nimport { v0 } from 'v0-sdk'\n\n\u002F\u002F Generate a component from a design spec\nconst chat = await v0.chats.create({\n  message: `Create a pricing table component with these tiers:\n    - Free: 0\u002Fmo, 1 project, community support\n    - Pro: $20\u002Fmo, unlimited projects, priority support\n    - Enterprise: Custom, SLA, dedicated support`,\n})\n\n\u002F\u002F Wait for generation, then download\nconst files = await v0.chats.downloadVersion({\n  chatId: chat.id,\n  versionId: chat.latestVersion.id,\n})\n```\n\n### Pattern 4: v0 as AI Agent Tool\n\nBest for autonomous agents that need to generate and deploy UI.\n\n```ts\nimport { Agent } from 'ai'\nimport { v0Tools } from '@v0-sdk\u002Fai-tools'\n\nconst agent = new Agent({\n  model: openai('gpt-5.2'),\n  tools: {\n    ...v0Tools({ apiKey: process.env.V0_API_KEY }),\n    \u002F\u002F ... other tools\n  },\n  system: 'You are a full-stack developer. Use v0 to generate UI components.',\n})\n\nconst { text } = await agent.generateText({\n  prompt: 'Create a dashboard for our analytics data and deploy it',\n})\n```\n\n## Built-in Integrations\n\nv0 has native support for these services in its sandbox:\n\n- **Databases**: Neon (PostgreSQL), Supabase, Upstash Redis, Vercel Blob\n- **AI**: OpenAI, Anthropic, Groq, Grok, fal, Deep Infra (via Vercel AI Gateway)\n- **Payments**: Stripe\n- **External APIs**: Twilio, and others via the \"Vars\" panel\n\n## Limitations\n\n- Best for UI components and layouts (~20% of a full application)\n- Backend, database, auth, and AI integration require separate implementation or explicit prompting\n- Generated code may need manual fixes for complex business logic\n- Enterprise-level scalability needs additional architecture review\n- shadcn\u002Fui is the primary component library; other libraries require explicit prompting\n\n## Official Documentation\n\n- [v0 App](https:\u002F\u002Fv0.app)\n- [v0 Documentation](https:\u002F\u002Fv0.app\u002Fdocs)\n- [v0 API Overview](https:\u002F\u002Fv0.app\u002Fdocs\u002Fapi\u002Fplatform\u002Foverview)\n- [v0 AI Tools](https:\u002F\u002Fv0.app\u002Fdocs\u002Fapi\u002Fplatform\u002Fpackages\u002Fai-tools)\n- [v0 MCP Server](https:\u002F\u002Fv0.app\u002Fdocs\u002Fapi\u002Fplatform\u002Fadapters\u002Fmcp-server)\n- [v0 GitHub Integration](https:\u002F\u002Fv0.app\u002Fdocs\u002Fgithub)\n- [API Keys](https:\u002F\u002Fv0.app\u002Fchat\u002Fsettings\u002Fkeys)\n- [GitHub: v0 SDK](https:\u002F\u002Fgithub.com\u002Fvercel\u002Fv0-sdk)\n",{"name":5,"chainTo":60,"metadata":75,"retrieval":95,"description":7},[61,65,70],{"message":62,"pattern":63,"targetSkill":64},"shadcn\u002Fui components detected in v0 output — loading shadcn guidance for theming, registry, and component customization.","from\\s+['\"]@\u002Fcomponents\u002Fui\u002F|npx\\s+shadcn|@shadcn\u002F","shadcn",{"message":66,"pattern":67,"targetSkill":68,"skipIfFileContains":69},"AI SDK usage detected in v0-generated code — loading AI SDK v6 guidance for proper streaming, transport, and gateway patterns.","useChat\\s*\\(|streamText\\s*\\(|generateText\\s*\\(|from\\s+['\"]ai['\"]","ai-sdk","convertToModelMessages|toUIMessageStreamResponse",{"message":71,"pattern":72,"targetSkill":73,"skipIfFileContains":74},"Next.js imports in v0 output — loading Next.js 16 guidance for App Router patterns, async APIs, and proxy.ts.","from\\s+['\"]next\u002Fimage['\"]|from\\s+['\"]next\u002Ffont['\"]|from\\s+['\"]next\u002Flink['\"]","nextjs","generateStaticParams|generateMetadata",{"docs":76,"sitemap":79,"priority":80,"bashPatterns":81,"pathPatterns":85,"promptSignals":86,"importPatterns":93},[77,78],"https:\u002F\u002Fv0.dev\u002Fdocs","https:\u002F\u002Fvercel.com\u002Fdocs\u002Fv0","https:\u002F\u002Fv0.dev\u002Fsitemap.xml",5,[82,83,84],"\\bnpx\\s+v0\\b","\\bbunx\\s+v0\\b","\\bv0\\s+(generate|dev|chat)\\b",[],{"phrases":87,"minScore":92},[88,89,90,91],"generate with v0","v0 components","use v0","v0 generate",6,[94,36],"@v0\u002Fsdk",{"aliases":96,"intents":100,"entities":105},[36,97,98,99],"ai code gen","ui generator","prompt to code",[101,102,103,104],"generate ui with v0","use v0 cli","integrate v0 sdk","create component from prompt",[36,106,107,108],"v0 CLI","v0 SDK","AI code generation","main","9a4409c8751439c3aeeea2bc3940ba05dc3cd3b5","plugins\u002Fvercel\u002Fskills\u002Fv0-dev",0,"https:\u002F\u002Fgithub.com\u002FNagyVikt\u002Fcodex-plugins","https:\u002F\u002Fgithub.com\u002FNagyVikt","https:\u002F\u002Fwebu.hu\u002F","Codex is a tool they said...\r\n\r\nCreator of GitGuardex, CueCards. Tech stack: Next.js · TypeScript · Rust · Linux. ","2026-03-30 02:19:53",{"source":8,"skillName":5,"commands":119,"prompt":129,"zipAvailable":130},[120,123,126],{"tool":121,"command":122},"npx","npx skills add NagyVikt\u002Fcodex-plugins --skill v0-dev",{"tool":124,"command":125},"bunx","bunx skills add NagyVikt\u002Fcodex-plugins --skill v0-dev",{"tool":127,"command":128},"pnpm","pnpm dlx skills add NagyVikt\u002Fcodex-plugins --skill v0-dev","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002FNagyVikt\u002Fcodex-plugins\u002Fblob\u002Fmain\u002Fplugins\u002Fvercel\u002Fskills\u002Fv0-dev\u002FSKILL.md",true,[],[133,162,195,217,246,266],{"skillNo":134,"name":135,"nameZh":6,"description":136,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":137,"categories":138,"keywords":145,"publishedAt":55},"01M6K1ZEN8P9R2S6NPNJNJ8JVH","workflow","Vercel Workflow DevKit (WDK) expert guidance. Use when building durable workflows, long-running tasks, API routes or agents that need pause\u002Fresume, retries, step-based execution, or crash-safe orchestration with Vercel Workflow.","https:\u002F\u002Fgithub.com\u002FNagyVikt\u002Fcodex-plugins\u002Fblob\u002Fmain\u002Fplugins\u002Fvercel\u002Fskills\u002Fworkflow\u002FSKILL.md",[139,140,141,142],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},{"categoryNo":24,"categoryName":25,"taxonomyType":21,"taxonomyTypeDesc":22},{"categoryNo":27,"categoryName":28,"taxonomyType":29,"taxonomyTypeDesc":30},{"categoryNo":143,"categoryName":144,"taxonomyType":29,"taxonomyTypeDesc":30},"01JBSEEDCAT000000000000038","人力资源",[135,54,51,146,48,147,148,149,150,151,152,153,154,155,156,157,158,159,160,161],"run","logs","start","why","loop","wait for","branch","auto","log","conversation","human","lib","condition","rendering","retries","sleep",{"skillNo":163,"name":164,"nameZh":6,"description":165,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":166,"categories":167,"keywords":178,"publishedAt":55},"01M6K1Z71NWFSPHK2VJJ73MVSY","verification","Full-story verification — infers what the user is building, then verifies the complete flow end-to-end: browser → API → data → response. Triggers on dev server start and 'why isn't this working' signals.","https:\u002F\u002Fgithub.com\u002FNagyVikt\u002Fcodex-plugins\u002Fblob\u002Fmain\u002Fplugins\u002Fvercel\u002Fskills\u002Fverification\u002FSKILL.md",[168,171,172,175],{"categoryNo":169,"categoryName":170,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000008","测试与质量",{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},{"categoryNo":173,"categoryName":174,"taxonomyType":29,"taxonomyTypeDesc":30},"01JBSEEDCAT000000000000031","产品经理",{"categoryNo":176,"categoryName":177,"taxonomyType":29,"taxonomyTypeDesc":30},"01JBSEEDCAT000000000000033","数据分析师",[164,179,48,180,181,182,152,183,184,185,186,187,188,39,189,190,191,192,193,194],"auth","routing middleware","api","projects","user story","full stack","jest","local","project","end","false","unit","error","middleware","loading","unit test",{"skillNo":196,"name":197,"nameZh":6,"description":198,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":199,"categories":200,"keywords":202,"publishedAt":55},"01M6K1YPRYJS3BQEDP8HKBHPEJ","vercel-storage","Vercel storage expert guidance — Blob, Edge Config, and Marketplace storage (Neon Postgres, Upstash Redis). Use when choosing, configuring, or using data storage with Vercel applications.","https:\u002F\u002Fgithub.com\u002FNagyVikt\u002Fcodex-plugins\u002Fblob\u002Fmain\u002Fplugins\u002Fvercel\u002Fskills\u002Fvercel-storage\u002FSKILL.md",[201],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},[203,204,205,206,146,207,208,153,44,209,42,210,211,212,39,157,213,214,215,216],"storage","vercel storage","vercel","config","supabase","migrate","clerk","prisma","connection pooling","neon","turso","upstash","URL","auth0",{"skillNo":218,"name":219,"nameZh":6,"description":220,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":221,"categories":222,"keywords":230,"publishedAt":55},"01M6K1YFEP0GPPGMQ3D0FPTS27","vercel-services","Vercel Services — deploy multiple services within a single Vercel project. Use for monorepo layouts or when combining a backend (Python, Go) with a frontend (Next.js, Vite) in one deployment.","https:\u002F\u002Fgithub.com\u002FNagyVikt\u002Fcodex-plugins\u002Fblob\u002Fmain\u002Fplugins\u002Fvercel\u002Fskills\u002Fvercel-services\u002FSKILL.md",[223,226,227],{"categoryNo":224,"categoryName":225,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000009","前端开发",{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},{"categoryNo":228,"categoryName":229,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000011","运维与部署",[231,232,205,233,234,235,236,237,238,239,240,109,241,242,187,243,39,244,191,245],"vercel services","services","frontend","docker compose","SET","configure","monorepo","go api","fastapi","up","aws lambda","go backend","get","apps","python backend",{"skillNo":247,"name":248,"nameZh":6,"description":249,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":250,"categories":251,"keywords":252,"publishedAt":55},"01M6K1Y8S3CRD43DPKX0PK1MTT","vercel-sandbox","Vercel Sandbox guidance — ephemeral Firecracker microVMs for running untrusted code safely. Supports AI agents, code generation, and experimentation. Use when executing user-generated or AI-generated code in isolation.","https:\u002F\u002Fgithub.com\u002FNagyVikt\u002Fcodex-plugins\u002Fblob\u002Fmain\u002Fplugins\u002Fvercel\u002Fskills\u002Fvercel-sandbox\u002FSKILL.md",[],[253,254,205,255,256,51,146,257,38,45,258,259,260,261,262,263,193,264,248,265],"sandbox","vercel sandbox","safe","ai agents","code","playground","generated","spawn","install","runner","io","child","student",{"skillNo":267,"name":268,"nameZh":6,"description":269,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":270,"categories":271,"keywords":273,"publishedAt":55},"01M6K1Y1J8S7AN97H75SHBGF7J","vercel-queues","Vercel Queues guidance (public beta) — durable event streaming with topics, consumer groups, retries, and delayed delivery. $0.60\u002F1M ops. Powers Workflow DevKit. Use when building async processing, fan-out patterns, or event-driven architectures.","https:\u002F\u002Fgithub.com\u002FNagyVikt\u002Fcodex-plugins\u002Fblob\u002Fmain\u002Fplugins\u002Fvercel\u002Fskills\u002Fvercel-queues\u002FSKILL.md",[272],{"categoryNo":24,"categoryName":25,"taxonomyType":21,"taxonomyTypeDesc":22},[274,205,135,54,48,275,235,181,236,240,276,277,278,279,39,157,280,160,193,281],"vercel queues","beta","message","delivery","across","worker","processing","at"]