OvidijusParsiunas/deep-chat

해결하는 문제

Deep Chat는 개발자가 최소한의 코드로 어떤 웹사이트에도 쉽게 삽입할 수 있는 완전히 사용자 정의 가능한 AI 채팅 인터페이스 컴포넌트를 제공합니다. 서버에 호스팅된 AI 모델이든, 제3자 API를 통해 제공되는 것이든, 또는 브라우저 내에서 로컬로 실행되는 것이든, AI 모델을 통합할 때 채팅 UI를 처음부터 구축할 필요가 없습니다.

작동 방식

이 컴포넌트는 단일 코드 줄로 웹사이트에 삽입 가능하며, React, Vue, Svelte, Angular 등 주요 UI 프레임워크를 모두 지원합니다. AI 서비스와의 연결은 세 가지 주요 방법으로 이루어집니다:

• 직접 연결: 브라우저에서 OpenAI나 Claude와 같은 인기 있는 AI API에 직접 연결하여 프로토타이핑에 사용 가능.
• 사용자 정의 API: 정의된 요청 속성을 사용해 사용자 정의 백엔드 서비스에 연결.
• 웹 모델: deep-chat-web-llm 모듈을 사용해 브라우저 내부에 LLM을 완전히 호스팅하며, 서버 연결이 필요 없습니다.

대상 사용자

UI 개발이나 복잡한 API 설정에 시간을 들이지 않고도, 전문적인 AI 챗봇 인터페이스를 웹사이트에 빠르게 추가하고 싶은 웹 개발자.

주요 특징

• 다중 모달 입력: 파일 전송/수신, 웹캠을 통한 사진 캡처, 마이크를 통한 오디오 녹음 지원.
• 음성 기능: 입력용 음성 인식(Speech-to-Text)과 응답용 음성 합성(Text-to-Speech)을 내장하며, Speech-to-Speech 모델도 지원.
• 광범위한 API 지원: 20개 이상의 인기 있는 AI API에 브라우저 측에서 직접 통합 가능.
• 풍부한 텍스트 지원: 마크다운 및 사용자 정의 요소를 렌더링하여 구조화된 텍스트와 코드를 적절히 표시.
• 유연한 배포: VanillaJS 및 모든 주요 현대적인 프론트엔드 프레임워크와 호환.