shadcn-ui/chatbot-template

해결하는 문제

개발자가 AI 챗봇을 구축할 수 있도록 최소한의 프로덕션 준비가 된 시작점을 제공합니다. 현대적인 웹 프레임워크를 사용하여 스트리밍 응답, 도구 호출 및 세련된 사용자 인터페이스를 설정하는 데 필요한 보일러플레이트를 제거합니다.

작동 방식

이 템플릿은 Next.js와 Vercel AI SDK를 사용하여 스트리밍 텍스트 응답을 처리합니다. 모델 관리 및 인증을 위해 Vercel AI Gateway와 통합됩니다. 프론트엔드는 shadcn/ui 컴포넌트로 구축되었으며, 특화된 메시지 스크롤러와 마크다운 렌더링을 위한 타이포그래피를 활용합니다.

도구 호출은 모듈형 시스템을 통해 처리되며, 각 도구(웹 검색 또는 GitHub repo 조회 등)는 자체 정의 파일과 채팅 인터페이스에서 도구의 상태(스트리밍 중, 사용 가능 또는 오류)를 렌더링하기 위한 해당 UI 컴포넌트를 가집니다.

대상

전문적인 UI와 도구 호출 및 Human-in-the-loop 상호작용과 같은 고급 기능을 갖춘 기능적인 AI 챗봇을 빠르게 배포하고자 하는 웹 개발자.

주요 특징

• 스트리밍 채팅: 마크다운 렌더링과 함께 실시간 응답 스트리밍을 지원합니다.
• 도구 호출: 웹 검색 및 GitHub repository 조회를 위한 예시가 포함되어 있습니다.
• Human-in-the-Loop: 모델이 사용자에게 명확한 질문을 던질 수 있도록 하는 설문 조사 컴포넌트를 특징으로 합니다.
• Type-Safe 도구: InferUITools를 사용하여 도구의 입력과 출력이 완전히 타이핑되도록 보장하여 개발 중 런타임 오류를 방지합니다.