01
CopilotKit오픈소스
40.3만/월
무료 / 오픈소스자사 제품 안에 AI 에이전트와 코파일럿을 심는 오픈소스 프런트엔드 스택
AI 코파일럿에디터 평점: 4.6무료+유료+199.4%
무료+유료
로딩 중…
https://www.persona-chat.dev
라이브 사이트 열기 
4.5 / 5에디터 평점평가 기준
- 실용성
- 4.7
에디터가 매긴 5점 만점 평가이며, 사용자 평점의 평균이 아닙니다. 이 페이지의 관점들은 제품 정보를 바탕으로 AI가 정리한 것이며, 실제 사용자 후기가 아닙니다.
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가 재구성한 참고 관점이며 개별 실사용자의 후기가 아닙니다.
순수 JavaScript로 작성되어 React, Vue, Svelte가 필요 없으며 npm 또는 CDN 스크립트 태그 하나로 어떤 스택에도 도입됩니다.
범용 Server-Sent Events 엔드포인트에서 스트리밍하고 customFetch와 parseSSEEvent 훅으로 다양한 요청 및 이벤트 구조에 적응합니다.
페이지 수준 도구를 document.modelContext에 등록하여 에이전트가 사용자 승인 아래 검색, 장바구니, 예약 등을 호출할 수 있습니다.
Shadow DOM과 접두어가 붙은 CSS로 렌더링하여 위젯과 호스트 페이지 스타일을 양방향으로 완전히 분리합니다.
설정으로 플로팅 런처, 도킹 코파일럿, 전체 화면 어시스턴트를 전환하고 3계층 디자인 토큰 트리와 다크 모드로 외형을 바꿉니다.
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 라이선스로 공개되었습니다.
스크립트 태그 하나와 SSE 엔드포인트 하나로 기존 마케팅 사이트에 플로팅 지원 또는 온보딩 어시스턴트를 추가하며 빌드 단계가 필요 없습니다.
애플리케이션 작업 영역 옆에 에이전트를 도킹하여 사용자가 현재 화면을 벗어나지 않고 질문하고 페이지 작업을 실행할 수 있습니다.
이미 운영 중인 LangGraph.js, OpenAI Agents, Vercel AI SDK 백엔드와 결합해 여러 프로젝트에서 일관된 채팅 화면을 유지합니다.
기존 페이지 기능을 WebMCP 도구로 노출하고 승인 프롬프트와 함께 에이전트가 앱을 대신 조작하도록 합니다.
동일한 주요 카테고리에 속한 경쟁 AI 도구의 나란히 보는 텔레메트리 비교
| 순위 | AI 도구 | 월간 방문 수 | 전월 대비 성장률 | 직접 유입 비중 | 가격 | 일대일 비교 |
|---|---|---|---|---|---|---|
| ● | Persona | 0 | 0% | — | 무료 | 현재 도구 |
| 1 | CopilotKit | 40.31만 | +199.4% | 직접 유입 44% | 무료+유료 | vs CopilotKit |
| 2 | T3 Code | 107.19만 | +52.5% | 직접 유입 50% | 무료 | vs T3 Code |
| 3 | Pi 코딩 에이전트 | 192.92만 | +4% | 직접 유입 47% | 무료 | vs Pi 코딩 에이전트 |
| 4 | Hermes-Agent | 363.87만 | -5.4% | 직접 유입 29% | 무료+유료 | vs Hermes-Agent |
| 5 | LobeHub | 65.45만 | -25% | 직접 유입 30% | 무료+유료 | vs LobeHub |
| 6 | Impeccable | 103.86만 | +8.2% | 직접 유입 45% | 무료 | vs Impeccable |
무료 / 오픈소스자사 제품 안에 AI 에이전트와 코파일럿을 심는 오픈소스 프런트엔드 스택
무료 / 오픈소스프로젝트를 기억하고 모든 메신저에서 함께 일하는 무료 오픈소스 AI 에이전트.
무료 / 오픈소스코딩 에이전트에 진짜 디자인 판단력을 부여하세요
무료 / 오픈소스내 컴퓨터에서 실행되고 채팅 앱으로 조작하는 오픈소스 개인 AI 어시스턴트
무료 / 오픈소스Tambo is an open-source AI orchestration framework for React front ends that lets you connect your existing components so an agent can stream generative UI, manage state and speak through the interfaces you already ship.
무료 / 오픈소스에이전트와 UI가 하나의 기능 집합을 공유하는 오픈소스 TypeScript 프레임워크
백그라운드에서 일하는 AI 에이전트를 구축하고 운영하는 관리형 플랫폼
