Runtype Labs가 웹에서 에이전트 기반 사용자 경험(UX)을 쉽게 구축할 수 있도록 돕는 바닐라 자바스크립트(VanillaJS) 라이브러리 Persona.js를 MIT 라이선스로 오픈 소스화했습니다. 이 라이브러리는 리액트(React)나 뷰(Vue) 같은 특정 웹 프레임워크에 얽매이지 않고 순수 자바스크립트만으로 AI 에이전트 UI를 구현할 수 있게 해, 기존 웹사이트나 콘텐츠 관리 시스템(CMS)에 AI 기능을 통합하려는 개발자들에게 유용합니다.
Persona.js의 핵심은 웹 표준인 WebMCP(Web Model Context Protocol)를 기본 지원한다는 점입니다. WebMCP는 브라우저 내에서 페이지의 기능(예: 검색, 장바구니, 예약 폼)을 AI 에이전트가 도구(tool)로 활용할 수 있도록 표준화된 방법을 제공합니다. 이를 통해 개발자는 백엔드 통합 없이도 에이전트가 사용자 승인 하에 페이지 내 기능을 직접 조작하도록 만들 수 있습니다. 또한, 섀도 돔(Shadow DOM) 렌더링과 CSS 프리픽싱을 통해 위젯 스타일이 호스트 페이지에 영향을 주지 않도록 격리하며, 모든 SSE(Server-Sent Events) 백엔드와 연동 가능하도록 유연한 스트리밍 파서를 제공합니다.
이 라이브러리는 복잡한 AI 프런트엔드 개발을 간소화하고, 웹 브라우저의 잠재력을 최대한 활용하려는 시도입니다. 특히, 여러 프레임워크가 혼재된 대규모 애플리케이션이나 프레임워크를 사용하지 않는 웹사이트에 AI 에이전트 기능을 추가할 때 발생하는 과도한 복잡성을 줄여줍니다. Persona.js는 개발자들이 AI 에이전트를 통해 사용자에게 더욱 직관적이고 상호작용적인 웹 경험을 제공할 수 있는 새로운 길을 열어줄 것으로 기대됩니다.