# Persona

2026-11-11에 검증된 OpenAITools.app 텔레메트리에 따르면, Persona(persona-chat.dev)은(는) AI Agent에 색인된 AI 플랫폼으로 월 0회 방문을 기록 중이며, 전월 대비 트래픽 변화량은 +0(0%)입니다. 주요 지리적 시장은 글로벌(트래픽 점유율 —)이며, 무료 가격 모델로 운영됩니다. 월간 트래픽 기준 주요 경쟁 대안으로는 CopilotKit (월 40.31만회 방문), T3 Code (월 107.19만회 방문), Pi 코딩 에이전트 (월 192.92만회 방문) 등이 있습니다.

모든 웹사이트를 위한 프레임워크 없는 AI 에이전트 UI 라이브러리

## 주요 텔레메트리 및 사양

| 지표 | 값 |
| :--- | :--- |
| 도구 이름 | Persona |
| 핸들 | persona-js |
| Status | active |
| Origin | open_source |
| Maintenance | active |
| 공식 도메인 | persona-chat.dev |
| 웹사이트 URL | https://www.persona-chat.dev |
| 카테고리 | AI Agent, AI 개발자 도구, AI 어시스턴트, AI 챗봇 |
| 가격 모델 | 무료 |
| 월간 방문 수 | 0 |
| 전월 대비 트래픽 변화 | 0 |
| 전월 대비 성장률 | 0% |
| 주요 시장 | 글로벌 |
| 시장 점유율 | — |
| 직접 방문 | 0 |
| 자연 검색 방문 | 0 |
| 소셜 방문 | 0 |
| 추천 방문 | 0 |
| 이메일 방문 | 0 |
| 리뷰 점수 | 4.5 |
| 저장 수 | 0 |
| 지원 플랫폼 | 웹사이트 |
| 결제 플랫폼 |  |
| 속성 | 가격: 무료; 기능: 웹사이트 |
| 태그 | AI 채팅 UI, 바닐라 JS 채팅 위젯, WebMCP, AI 에이전트 UI, 오픈소스 채팅 위젯, SSE 스트리밍 UI, AI 코파일럿 인터페이스 |

## 개요

Persona는 프론트엔드 프레임워크를 도입하지 않고도 프로덕션 수준의 AI 채팅 화면을 원하는 개발자를 위한 VanillaJS UI 라이브러리입니다. npm 설치 한 번 또는 CDN 스크립트 태그 하나로 도입하고, 아무 Server-Sent Events 엔드포인트를 지정하면 에이전트 루프, 도구 사용, Shadow DOM 기반 스타일 격리를 갖춘 스트리밍 대화를 얻을 수 있습니다.

이 라이브러리는 특정 모델 제공자와 의도적으로 분리되어 있습니다. 범용 SSE 스트림을 소비하므로 Vercel AI SDK, OpenAI Agents, LangGraph.js, Hono, Express, SvelteKit 또는 직접 만든 node:http 서버로 구축한 백엔드와 함께 사용할 수 있습니다. customFetch, parseSSEEvent 같은 플러그형 훅을 통해 위젯을 포크하지 않고도 거의 모든 요청 및 이벤트 형식에 적응할 수 있습니다.

채팅을 넘어 Persona는 브라우저를 에이전트 런타임으로 활용합니다. WebMCP 지원을 통해 검색, 장바구니, 예약, 폼 같은 페이지 수준 도구를 document.modelContext에 등록할 수 있고, 에이전트는 이를 발견해 내장된 사용자 승인 아래 호출합니다. 레이아웃, 테마, 다크 모드는 3계층 토큰 트리와 실시간 테마 편집기로 제어되므로 스타일을 다시 작성하지 않고 브랜드에 맞출 수 있습니다. Runtype 팀이 만들었고 MIT 라이선스로 공개되었습니다.

## 가격 및 요금제

Persona는 MIT 라이선스 오픈소스로 무료 제공되며 위젯 자체에는 비용이 없습니다. 유지관리 주체인 Runtype은 에이전트와 클라이언트 토큰을 빠르게 생성하는 선택적 호스팅 백엔드와 CLI 워크플로를 제공하며 이것이 상업적 경로이지만, 호환되는 다른 SSE 백엔드를 대신 사용할 수도 있습니다.

## 주요 기능 및 역량

- **프레임워크 의존성 제로:** 순수 JavaScript로 작성되어 React, Vue, Svelte가 필요 없으며 npm 또는 CDN 스크립트 태그 하나로 어떤 스택에도 도입됩니다.
- **모든 SSE 백엔드 지원:** 범용 Server-Sent Events 엔드포인트에서 스트리밍하고 customFetch와 parseSSEEvent 훅으로 다양한 요청 및 이벤트 구조에 적응합니다.
- **WebMCP 네이티브 도구 사용:** 페이지 수준 도구를 document.modelContext에 등록하여 에이전트가 사용자 승인 아래 검색, 장바구니, 예약 등을 호출할 수 있습니다.
- **스타일 격리:** Shadow DOM과 접두어가 붙은 CSS로 렌더링하여 위젯과 호스트 페이지 스타일을 양방향으로 완전히 분리합니다.
- **세 가지 레이아웃 모드와 토큰 테마:** 설정으로 플로팅 런처, 도킹 코파일럿, 전체 화면 어시스턴트를 전환하고 3계층 디자인 토큰 트리와 다크 모드로 외형을 바꿉니다.

## 주요 활용 사례

- **즉시 적용 가능한 지원 채팅 (프론트엔드 개발자):** 스크립트 태그 하나와 SSE 엔드포인트 하나로 기존 마케팅 사이트에 플로팅 지원 또는 온보딩 어시스턴트를 추가하며 빌드 단계가 필요 없습니다.
- **앱 내 코파일럿 패널 (프로덕트 엔지니어):** 애플리케이션 작업 영역 옆에 에이전트를 도킹하여 사용자가 현재 화면을 벗어나지 않고 질문하고 페이지 작업을 실행할 수 있습니다.
- **모든 프레임워크를 위한 에이전트 UI (AI 엔지니어):** 이미 운영 중인 LangGraph.js, OpenAI Agents, Vercel AI SDK 백엔드와 결합해 여러 프로젝트에서 일관된 채팅 화면을 유지합니다.
- **브라우저 네이티브 도구 호출 (풀스택 개발자):** 기존 페이지 기능을 WebMCP 도구로 노출하고 승인 프롬프트와 함께 에이전트가 앱을 대신 조작하도록 합니다.

## 강점

- 순수 JavaScript로 프레임워크 종속이 없고 npm 또는 스크립트 태그 하나로 설치 가능
- 범용 SSE 스트리밍과 어댑터 훅 덕분에 모델과 백엔드를 가리지 않음
- WebMCP 지원으로 기존 페이지 기능을 에이전트가 호출하는 도구로 전환
- Shadow DOM 격리와 토큰 테마로 스타일이 적용된 사이트에 안전하게 임베드
- MIT 오픈소스 라이선스와 다양한 스택용 실행 가능한 데모 다수

## 한계

- SSE 채팅 백엔드를 직접 제공하고 호스팅해야 하므로 바로 쓰는 챗봇은 아님
- 설정 항목이 깊어(토큰, 파서, 어댑터) 고급 커스터마이징에는 학습 비용이 듦
- 선택적 Runtype 호스팅 워크플로가 가장 간편해 팀이 해당 벤더로 기울기 쉬움

## 자주 묻는 질문

### Persona는 무료인가요?
네. Persona는 MIT 라이선스 오픈소스로 공개되어 위젯 자체는 무료입니다. 비용은 직접 선택한 백엔드와 모델 추론에만 발생합니다.

### 특정 AI 제공자가 필요한가요?
아니요. Persona는 모든 Server-Sent Events 엔드포인트에서 스트리밍하므로 OpenAI, Anthropic, 자체 호스팅 모델 또는 SSE 응답으로 감쌀 수 있는 어떤 서비스와도 함께 쓸 수 있습니다.

### React 같은 프레임워크가 필요한가요?
아니요. Persona는 순수 Vanilla JavaScript로 작성되어 정적 HTML 페이지를 포함해 스크립트나 ES 모듈을 불러올 수 있는 환경이면 어디서든 동작합니다.

### WebMCP 지원은 무엇을 위한 것인가요?
WebMCP는 브라우저에 페이지 도구를 등록하는 표준 위치인 document.modelContext를 제공합니다. Persona는 그 도구를 발견하고 사용자 승인을 요청한 뒤 결과를 대화로 스트리밍하여 에이전트가 페이지를 직접 조작할 수 있게 합니다.

### Persona의 월간 트래픽과 성장 추세는 어떠한가요?
Persona은(는) 현재 월 0회 방문을 기록 중이며, 전월 대비 트래픽 변화량은 +0(성장률 0%)입니다. 주요 유입 시장은 글로벌(점유율 —)이며, 여기에는 월 직접 방문 0회와 월 자연 검색 방문 0회가 포함됩니다.

### Persona은(는) 무료인가요? 가격 모델은 무엇인가요?
Persona은(는) 무료 가격 모델로 운영됩니다. Persona는 MIT 라이선스 오픈소스로 무료 제공되며 위젯 자체에는 비용이 없습니다. 유지관리 주체인 Runtype은 에이전트와 클라이언트 토큰을 빠르게 생성하는 선택적 호스팅 백엔드와 CLI 워크플로를 제공하며 이것이 상업적 경로이지만, 호환되는 다른 SSE 백엔드를 대신 사용할 수도 있습니다. 지원되는 결제 및 체크아웃 플랫폼에는 등록되지 않음 등이 있습니다.

### 2026년 최고의 Persona 대안은 무엇인가요?
OpenAITools.app의 카테고리 트래픽과 기능 적합도를 기준으로 할 때 Persona의 상위 5개 대안은 다음과 같습니다: 1. CopilotKit (월 40.31만회 방문); 2. T3 Code (월 107.19만회 방문); 3. Pi 코딩 에이전트 (월 192.92만회 방문); 4. Hermes-Agent (월 363.87만회 방문); 5. LobeHub (월 65.45만회 방문).

### Persona은(는) 어떤 플랫폼과 핵심 AI 역량을 지원하나요?
Persona은(는) AI Agent, AI 개발자 도구, AI 어시스턴트, AI 챗봇으로 분류되며 다음 플랫폼을 지원합니다: 웹사이트. 핵심 역량 태그에는 AI 채팅 UI, 바닐라 JS 채팅 위젯, WebMCP, AI 에이전트 UI, 오픈소스 채팅 위젯, SSE 스트리밍 UI 등이 있습니다.

## 대안

| 도구 이름 | 월간 방문 수 | 가격 모델 | 비교 |
| :--- | :--- | :--- | :--- |
| [CopilotKit](https://openaitools.app/ko/tool/copilotkit) | 403,148 | 무료+유료 | [비교](https://openaitools.app/ko/compare/copilotkit-vs-persona-js) |
| [T3 Code](https://openaitools.app/ko/tool/t3-code) | 1,071,866 | 무료 | [비교](https://openaitools.app/ko/compare/persona-js-vs-t3-code) |
| [Pi 코딩 에이전트](https://openaitools.app/ko/tool/pi-coding-agent) | 1,929,244 | 무료 | [비교](https://openaitools.app/ko/compare/persona-js-vs-pi-coding-agent) |
| [Hermes-Agent](https://openaitools.app/ko/tool/hermes-agent-1) | 3,638,741 | 무료+유료 | [비교](https://openaitools.app/ko/compare/hermes-agent-1-vs-persona-js) |
| [LobeHub](https://openaitools.app/ko/tool/lobehub) | 654,548 | 무료+유료 | [비교](https://openaitools.app/ko/compare/lobehub-vs-persona-js) |
| [Impeccable](https://openaitools.app/ko/tool/impeccable) | 1,038,637 | 무료 | [비교](https://openaitools.app/ko/compare/impeccable-vs-persona-js) |
| [Clawdbot(OpenClaw)](https://openaitools.app/ko/tool/clawdbot) | 1,903,068 | 유료, 무료 | [비교](https://openaitools.app/ko/compare/clawdbot-vs-persona-js) |
| [Agentkit](https://openaitools.app/ko/tool/agentkit) | 20,332 | 무료+유료 | [비교](https://openaitools.app/ko/compare/agentkit-vs-persona-js) |
| [Tambo](https://openaitools.app/ko/tool/tambo) | 7,034 | 무료+유료 | [비교](https://openaitools.app/ko/compare/persona-js-vs-tambo) |
| [Agent-Native](https://openaitools.app/ko/tool/agent-native) | 52,065 | 무료 | [비교](https://openaitools.app/ko/compare/agent-native-vs-persona-js) |
| [ChatBotKit](https://openaitools.app/ko/tool/chatbotkit) | 95,095 | 유료 | [비교](https://openaitools.app/ko/compare/chatbotkit-vs-persona-js) |
| [HARPA AI](https://openaitools.app/ko/tool/harpa-ai) | 537,461 | 무료+유료 | [비교](https://openaitools.app/ko/compare/harpa-ai-vs-persona-js) |

---
출처: https://openaitools.app/ko/tool/persona-js