vercel/v0-sdk

SDK for the v0 Platform API

解决的问题

此 SDK 提供了一种标准化方式，让开发者能将 v0 的 AI 驱动 UI 生成能力集成到自己的应用程序中。它省去了手动处理 API 调用、认证，以及 AI 生成代码和预览的复杂流式处理。

工作原理

此项目包含一个从 v0 API OpenAPI schema 生成的 TypeScript SDK。它包含一组工具，用于管理聊天会话、创建流式响应，以及处理 Vercel OIDC 认证。它还提供了一个专用的 React 包，供浏览器客户端通过 AI SDK transports 和 SWR hooks 与 v0 proxies 交互。

适用对象

正在构建前端或平台的开发者，希望将 v0 的生成式 UI 能力（例如创建和预览 AI 生成的网站或组件）直接嵌入到自己的用户界面中。

亮点

  • 流式支持：包含 readV0Stream 等辅助工具，用于处理 AI 生成内容的实时更新。
  • 设计模式集成：一个浏览器桥接器（createDesignModeBridge），让开发者能嵌入 v0 预览，并支持选择、图层状态和文档重新加载，而无需在浏览器中暴露 API 密钥。
  • TypeScript 优先：从 OpenAPI 规范生成的完整类型 SDK，提供更好的开发者体验。
  • React 集成：提供专用的 @v0-sdk/react 包，可与 AI SDK 的 useChat hook 无缝集成。

相关

  • 项目
    google-labs-code/stitch-sdk

    一个用于从文本提示生成、编辑和管理 UI 界面的 TypeScript SDK，提供 HTML 和屏幕截图以进行快速原型设计。

  • 项目
    TanStack/ai

    TanStack AI 是一个以 TypeScript 为先、与提供商无关的 SDK，可让您构建流式聊天、工具调用代理、结构化输出流程、多模态生成（图像、音频、视频）、实时语音和沙盒代码执行代理。它提供可组合的活动、类型安全契约（通过 Zod/Valibot/JSON Schema）、适用于许多 LLM 提供商（OpenAI、Anthropic、Gemini、Ollama 等）的适配器，以及适用于 React、Vue、Solid、Svelte 和 Preact 的框架原生钩子。可摇树优化且可观察，它面向希望以统一、类型安全的方式将生成式 AI 集成到 Web 和服务器应用程序中的开发人员。

  • 项目
    mcp-use/mcp-use

    一个用于构建、测试和部署 MCP 服务器以及支持原生 React 视图的交互式 AI 驱动应用程序的 TypeScript 框架。

  • 项目
    vercel/chat

    Chat SDK 是一个 TypeScript 库，允许你编写一个 bot 并在多个聊天平台（Slack、Teams、Discord 等）上运行，通过插件适配器实现，内置 AI 流式传输、富 UI 卡片和状态管理支持。

  • 项目
    vercel/ai

    一个与供应商无关的 TypeScript 工具包，用于构建 AI 驱动的应用和代理，提供统一的 API 支持多个 LLM 供应商，并集成 UI 钩子。