¿Qué es Persona.js?
Persona es una biblioteca ligera y de código abierto para interfaces de chat con IA que se integra en cualquier sitio web usando JavaScript puro. A diferencia de los frameworks de chat basados en React, Persona no requiere framework, es independiente del backend y es nativo de WebMCP, lo que permite que tu asistente descubra y ejecute herramientas expuestas por la página principal. Añade chat en streaming, voz, tematización y experiencias de copiloto interactivas sin necesidad de reconstruir tu frontend ni escribir APIs personalizadas.
Para quién es
- Desarrolladores frontend que quieren incorporar un asistente de IA en cualquier sitio web sin reescribir su stack ni aprender un nuevo framework
- Equipos de producto que lanzan experiencias agénticas que necesitan operar herramientas de página como búsqueda, carritos, reservas o formularios directamente
- Startups y creadores independientes que buscan una interfaz de chat rápida e incrustable que funcione con cualquier backend y cualquier configuración de hosting
Características principales
Tres modos de diseño
Persona ofrece experiencia de usuario flotante, acoplada o en pantalla completa. Cambia entre un lanzador en esquina para soporte, un copiloto lateral que redimensiona tu diseño, o un asistente de altura completa que ocupa la página — todo cambiando un único valor de configuración launcher.
Ejecución nativa de herramientas WebMCP
Expón acciones de página, búsqueda, carritos, reservas y formularios como herramientas WebMCP. El agente las maneja directamente con aprobación del usuario incorporada, sin necesidad de integración backend para descubrimiento y ejecución de herramientas.
Aislamiento con Shadow DOM
El renderizado con Shadow DOM y CSS con prefijos mantienen los estilos del widget y del anfitrión completamente separados. Inserta Persona en cualquier página y nada se filtra hacia adentro o hacia afuera, preservando tu sistema de diseño existente.
Transporte de streaming conectable
Streaming SSE con analizadores conectables adapta cualquier forma de solicitud o evento usando customFetch y parseSSEEvent. Esto funciona con cualquier backend que soporte eventos enviados por el servidor.
Lo que destaca
Persona es la primera biblioteca de interfaz de agente que trata el navegador como un entorno de ejecución de primera clase, no solo como una superficie de visualización.
La mayoría de las interfaces de chat son pasivas — muestran texto y esperan respuestas de la API. Persona invierte esto al hacer que el agente sea un participante activo en la página. Descubre herramientas expuestas por la página principal, las ejecuta con aprobación del usuario y transmite respuestas en tiempo real. Esto significa que tu asistente puede buscar en tu documentación, añadir artículos al carrito o llenar un formulario de reserva sin que escribas un solo endpoint backend para esas acciones.
Vale la pena echarle un vistazo si…
Quieres añadir un asistente de IA a cualquier sitio web — desde una página HTML estática hasta una SPA moderna — sin adoptar un nuevo framework ni reconstruir tu frontend. Si necesitas chat en streaming, voz, tematización y uso de herramientas agénticas que funcione con cualquier backend, Persona ofrece una solución lista para producción en unas pocas líneas de código.
