assistant-ui/assistant-ui

해결하는 문제

React 애플리케이션에서 복잡한 AI 챗 인터페이스를 처음부터 구축할 필요가 없습니다. 프로덕션 수준의 UI 컴포넌트와 다양한 AI 백엔드에 프론트엔드를 연결하기 위한 기반을 제공하여, 스트리밍, 자동 스크롤, 접근성 등의 수동 구현 없이도 완성도 높은 사용자 경험을 보장합니다.

작동 방식

이 라이브러리는 개발자가 챗 UI를 구축할 수 있도록 Thread, Message, Composer 등의 조합 가능한 React 프리미티브를 제공합니다. 런타임 프로바이더 시스템을 사용하여 아다프터를 통해 이러한 UI 컴포넌트를 다양한 AI 백엔드에 연결합니다. Vercel AI SDK, LangGraph, LangChain과의 즉시 통합을 지원하며, 사용자 정의 데이터 스트림 백엔드도 가능합니다.

대상 사용자

TypeScript와 React(Next.js 포함)를 사용하여 애플리케이션에 전문적인 AI 챗 인터페이스를 빠르게 통합하고자 하는 프론트엔드 및 풀스택 개발자

주요 특징

• 조합 가능한 UI: 개별적으로 스타일링 가능하며, shadcn/ui 테마로 시작할 수도 있습니다.
• 프로덕션 기능: 스트리밍, 마크다운, 코드 하이라이팅, 음성 입력, 키보드 단축키를 내장 지원합니다.
• 생성형 UI: 도구 호출 및 JSON을 인간의 승인 워크플로우를 포함한 인터랙티브한 React 컴포넌트로 렌더링할 수 있습니다.
• 광범위한 백엔드 지원: OpenAI, Anthropic, Gemini 등 주요 LLM 제공업체를 다양한 SDK 및 사용자 정의 HTTP 백엔드를 통해 통합 가능.