Persona
Persona이란 무엇인가요?
Persona는 Runtype이 개발한 가볍고 오픈소스이며 프레임워크가 필요 없는 AI 채팅 UI 라이브러리입니다. 이를 통해 개발자는 오픈소스 기반의 테마 맞춤 설정이 가능한 AI 채팅 위젯이나 전체 화면 코파일럿(Copilot) 환경을 모든 웹사이트 또는 정적 HTML에 쉽게 임베드할 수 있습니다. 백엔드에 종속되지 않고 WebMCP를 기본 지원(Native)하므로, AI 어시스턴트가 상위 페이지 코드에서 직접 노출된 도구(검색, 장바구니, 예약, 양식 등)를 자동으로 감지하고 사용자의 승인을 거쳐 안전하게 실행할 수 있습니다. 또한 SSE 스트리밍, 에이전트 루프(Agent loops), CSS 충돌을 방지하기 위한 Shadow DOM 기반의 스타일 격리, 음성 입출력을 지원하며 광범위한 테마 에디터를 포함하고 있습니다.
Persona을 어떻게 사용하나요?
Persona를 사용하려면 npm을 통해 'npm install @runtypelabs/persona'로 설치하거나 HTML 파일에 CDN을 통한 글로벌 스크립트 태그를 포함하세요. 그 다음 'initAgentWidget' 함수를 초기화하면서 대상 컨테이너의 선택자(Selector)를 지정하고 커스텀 서버 전송 이벤트(SSE) 백엔드 API URL을 설정하면 됩니다. 또는 'npx @runtypelabs/cli@latest persona init'를 실행하여 바로 복사해 붙여넣을 수 있는 설치 스니펫을 생성할 수도 있습니다.
Persona의 핵심 기능
프레임워크가 필요 없고 바닐라 자바스크립트(Vanilla JS)를 기본 지원
클라이언트 사이드 도구 감지 및 실행을 위한 WebMCP 표준 적용
플로팅 위젯, 도킹된 패널, 전체 화면 어시스턴트 등 유연한 레이아웃 제공
Shadow DOM 및 접두사(Prefix) CSS를 통한 완벽한 스타일 격리
플러그인 형태의 SSE 스트리밍 전송 어댑터
음성 입출력 기능 내장
토큰 기반의 포괄적인 테마 에디터
Persona의 사용 사례
기존 정적 HTML 또는 싱글 페이지 애플리케이션(SPA)에 AI 고객지원 또는 온보딩 채팅 위젯 추가
애플리케이션 상태와 직접 상호작용하고 페이지 레벨의 도구를 실행하는 크기 조절 가능한 사이드 패널 코파일럿 구축
스트리밍 마크다운 테이블 및 아티팩트 분할(Artifact splits) 기능을 갖춘 전체 화면 AI 어시스턴트 대시보드 배포
Persona의 FAQ
WebMCP는 무엇이며 Persona는 이를 어떻게 활용하나요?
Persona를 임베드하면 기존 웹사이트 스타일에 영향을 주나요?
Persona 리뷰(0)
Persona 분석
Persona 웹사이트 트래픽 분석
Persona 삽입 실행
웹사이트 배지를 사용하여 커뮤니티에서 Toolify Launch에 대한 지원을 유도하세요. 홈페이지나 바닥글에 쉽게 삽입할 수 있습니다.
소셜 리스닝