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를 웹 및 서버 앱에 통합하는 통합적이고 유형 안전한 방법을 원하는 개발자를 대상으로 합니다.

  • 프로젝트
    mcp-use/mcp-use

    MCP 서버 및 네이티브 React 뷰를 지원하는 대화형 AI 기반 애플리케이션을 구축, 테스트, 배포하기 위한 TypeScript 프레임워크입니다.

  • 프로젝트
    vercel/chat

    Chat SDK 는 TypeScript 라이브러리로, 하나의 봇을 작성하여 Slack, Teams, Discord 등 여러 채팅 플랫폼에서 실행할 수 있도록 어댑터 기반 방식을 제공하며, AI 스트리밍, 리치 UI 카드, 상태 관리 기능을 내장하고 있습니다.

  • 프로젝트
    vercel/ai

    공급자에 구애받지 않는 TypeScript 툴킷으로, 여러 LLM 공급자를 위한 통합 API와 UI 훅을 제공하여 AI 기반 애플리케이션 및 에이전트를 구축할 수 있습니다.