자연어 기반의 동적 UI 생성

by DD
4개월 전
조회수 12

Tambo AI는 React용 생성형 UI SDK로, 사용자의 자연어 입력을 기반으로 UI를 동적으로 생성

사용자가 앱을 학습할 필요 없이, AI가 적절한 컴포넌트를 선택하여 사용자 맞춤형 인터페이스 제공

MCP 통합(MCP Integration)을 통해 외부 서비스 연결 및 자체 도구(Local Tools) 정의 지원

Tambo Cloud를 통한 호스팅 및 자체 호스팅(Self-hosted) 옵션 제공

자연어 기반 UI 생성 메커니즘

Tambo AI는 사용자의 자연어 입력을 받아 적절한 React 컴포넌트를 동적으로 렌더링한다. 컴포넌트 등록(Registering Components) 시 Zod 스키마(Schema)를 사용하여 props를 정의하고, AI는 이 정보를 바탕으로 사용자의 의도를 파악한다. Generative components는 메시지에 응답하여 한 번 렌더링되며, Interactable components는 사용자의 요청에 따라 지속적으로 업데이트된다.

MCP 통합을 통한 확장성

Tambo AI는 MCP(Model-Component Protocol) 통합(MCP Integration)을 지원하여 외부 서비스와의 연결을 용이하게 한다. 이를 통해 Linear, Slack, 데이터베이스 등 다양한 서비스에 연결할 수 있으며, MCP 프로토콜(MCP Protocol)의 모든 기능을 지원한다. 또한, 자체 MCP 서버를 구축하여 커스터마이징(Customizing)된 기능을 구현할 수 있다.

로컬 도구(Local Tools) 정의

Tambo AI는 로컬 도구(Local Tools)를 정의하여 클라이언트 측에서 실행되는 함수를 생성할 수 있다. 이를 통해 DOM 조작, 인증된 fetch 요청, React 상태 접근 등 다양한 기능을 구현할 수 있다. toolSchema를 사용하여 입력 및 반환 값을 정의하고, AI가 해당 도구를 호출할 수 있도록 한다. 이를 통해 UI 내에서 동적인 상호작용(Dynamic Interaction)을 구현할 수 있다.

Tambo Cloud 및 자체 호스팅(Self-hosted) 옵션

Tambo AI는 Tambo Cloud를 통해 호스팅 서비스를 제공하며, 자체 호스팅(Self-hosted) 옵션도 지원한다. Tambo Cloud는 무료 티어(Free Tier)를 제공하며, 자체 호스팅은 MIT 라이선스(License)로 제공된다. npx tambo init 명령어를 통해 클라우드 또는 자체 호스팅 환경을 선택할 수 있으며, Docker를 사용하여 간편하게 배포할 수 있다.

tambo-ai / tambo