vercel/v0-sdk

SDK for the v0 Platform API

解決する課題

この SDK は、v0 の AI 駆動型 UI 生成機能を自社のアプリケーションに統合するための標準化された方法を提供します。API 呼び出し、認証、AI 生成コードとプレビューの複雑なストリーミングを手動で処理する必要がなくなります。

仕組み

このプロジェクトは、v0 API の OpenAPI スキーマから生成された TypeScript SDK で構成されています。チャットセッションの管理、ストリーミングレスポンスの作成、Vercel OIDC 認証の処理を行うツールセットが含まれています。また、ブラウザクライアントが AI SDK トランスポートと SWR フックを介して v0 プロキシと対話するための専用の React パッケージも提供します。

対象読者

v0 の生成 UI 機能（AI 生成のウェブサイトやコンポーネントの作成・プレビューなど）を自社のユーザーインターフェースに直接埋め込みたいフロントエンドやプラットフォームを構築している開発者。

ハイライト

  • ストリーミングサポート：AI 生成コンテンツのリアルタイム更新を処理する readV0Stream などのヘルパーが含まれています。
  • デザインモード統合：ブラウザブリッジ（createDesignModeBridge）により、ブラウザで API キーを公開せずに、選択、レイヤー状態、ドキュメントのリロードをサポートする v0 プレビューを埋め込むことができます。
  • TypeScript ファースト：OpenAPI 仕様から生成された完全に型付けされた SDK で、開発者体験を向上します。
  • React 統合：AI SDK の useChat フックとのシームレスな統合のための専用の @v0-sdk/react パッケージを提供します。

関連

  • プロジェクト
    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 ライブラリで、1 つのボットを書くだけで Slack、Teams、Discord など多数のチャットプラットフォームで実行できるようにするアダプタ方式の仕組みを提供。AI ストリーミング、リッチ UI カード、ステート管理の内蔵サポートも備える。

  • プロジェクト
    vercel/ai

    プロバイダーに依存しない TypeScript ツールキットで、統一された API を通じて複数の LLM プロバイダーに対応し、AI 搭載アプリケーションやエージェントを構築でき、UI フックも統合されています。