tambo-ai/tambo

Generative UI SDK for React

What it solves

Tambo는 React용 생성형 UI 툴킷으로, 개발자가 특정 사용자 인터페이스 컴포넌트를 동적으로 렌더링하고 업데이트할 수 있는 AI 에이전트를 구축할 수 있게 합니다. 에이전트는 텍스트 응답만이 아니라 UI로 "말"할 수 있어, 예를 들어 판매 쿼리에 대한 차트를 렌더링하거나 사용자가 작업을 추가할 때 작업 보드를 업데이트할 수 있습니다.

How it works

개발자는 Zod 스키마를 사용해 React 컴포넌트를 등록하고, 해당 컴포넌트의 속성(props)을 정의합니다. 이 스키마는 LLM용 툴 정의로 변환되며, 에이전트가 컴포넌트를 사용하기로 결정하면 툴을 호출하고 필요한 props를 프론트엔드로 스트리밍합니다.

Tambo는 전체 스택 솔루션을 제공합니다:

  • React SDK: 프로바이더 기반 시스템(TamboProvider)과 훅(useTambo)을 통해 메시지와 스트리밍 상태를 관리합니다.
  • Backend: LLM 대화 루프, 상태 관리 및 에이전트 실행을 처리하는 시스템으로, Tambo Cloud를 통해 이용하거나 자체 호스팅 Docker 이미지로 배포할 수 있습니다.
  • Integration Layers: Model Context Protocol(MCP)을 지원하여 외부 서버(Slack, Linear 등)와 연결하고, 브라우저에서 직접 실행되는 로컬 툴을 정의하는 시스템을 제공합니다.

Who it’s for

단순 채팅 창이 아닌, 적응형 컴포넌트 기반 인터페이스를 만들고자 하는 React 개발자를 위한 솔루션입니다.

Highlights

  • Generative & Interactable Components: 일회성 렌더링(예: 데이터 시각화)과 시간이 지나도 업데이트 가능한 지속 컴포넌트(예: 쇼핑 카트)를 지원합니다.
  • MCP Support: 외부 도구 및 데이터 소스와 연결하기 위한 Model Context Protocol과의 내장 통합.
  • Local Tool Execution: AI가 브라우저에서 실행되는 함수를 트리거하여 DOM 조작이나 인증된 fetch를 수행할 수 있습니다.
  • LLM Agnostic: OpenAI, Anthropic, Gemini, Mistral 등 OpenAI 호환 공급자를 지원합니다.
  • Full-stack Infrastructure: 스트리밍, 취소, 오류 복구 및 대화 상태 관리를 처리합니다.