AI 챗봇
Persona.js
가벼운, 테마 가능한 AI 채팅 위젯으로, 바닐라 JS로 제작되어 스트리밍, 음성, 도구 호출, 플러그인 시스템을 지원합니다.
Persona.js
Persona.js란?
Persona.js는 오픈 소스, 프레임워크에 구애받지 않는 AI 채팅 위젯으로, 모든 웹사이트에 임베드할 수 있습니다. 드롭인 UI를 제공하며 스트리밍 응답, 음성 I/O, 도구 호출 및 플러그인 시스템을 지원합니다.
Persona.js vs 유사 도구
W Wave | ||||
|---|---|---|---|---|
| 가격 모델 | 무료 | 무료 | 무료 | 무료 |
| 무료 크레딧 | ||||
| 주요 기능 |
|
|
|
|
| 장점 |
|
|
|
|
| 단점 |
|
|
|
|
| 추천 대상 |
|
|
|
|
Persona.js 사용 방법
- 1npm으로 설치: npm install @runtypelabs/persona
- 2가져오기 및 초기화: import { initAgentWidget } from "@runtypelabs/persona"; initAgentWidget({ target: "#chat", config: { apiUrl: "your-api-url" } });
- 3또는 script 태그 사용: window.siteAgentConfig를 설정하고 설치 스크립트를 로드합니다.
- 4config 객체를 통해 레이아웃(플로팅, 도킹, 전체화면) 및 기능을 구성합니다.
Persona.js 주요 기능
- SSE를 통한 스트리밍 채팅
- 음성 입력 및 출력
- 도구 호출 및 사람의 승인
- 풍부한 콘텐츠를 위한 아티팩트 패널
- 플로팅, 도킹, 전체화면 레이아웃
- 14개의 렌더 훅을 지원하는 플러그인 시스템
- 추론 버블 및 사고 사슬
- 멀티모달 콘텐츠 (이미지, 문서)
- 테마 및 디자인 토큰
- 이벤트 스트림 검사기
Persona.js 사용 사례
- 문서 사이트에 AI 어시스턴트 추가
- 고객 지원 챗봇 구축
- SaaS 애플리케이션용 코파일럿 생성
- 모든 웹 페이지에 대화형 인터페이스 임베드
Persona.js 가격 및 무료 크레딧
Persona.js의 가격 모델은 무료입니다.
Persona.js 장점과 단점
장점
- 가볍고 프레임워크에 구애받지 않음
- 백엔드에 구애받지 않음 (모든 SSE 지원 백엔드와 호환)
- 풍부한 기능 세트 (음성, 도구, 아티팩트)
- 커스터마이징을 위한 플러그인 시스템
- 다양한 레이아웃 옵션
단점
- 자체 호스팅 또는 백엔드 설정 필요
- 호스팅 서비스가 아니므로 개발자 통합 필요
- 사전 구축된 통합이 제한적 (확장 가능하지만)
Persona.js은 어떤 용도에 가장 적합한가요?
- 웹사이트에 AI 채팅 UI를 추가하려는 개발자
- JavaScript 프론트엔드로 맞춤형 AI 어시스턴트를 구축하는 팀