# Persona Persona es una biblioteca de interfaz JavaScript para integrar un asistente de IA con respuestas en streaming en sitios web y aplicaciones. Conéctala a un backend SSE y permite que use acciones de la página previa aprobación del usuario. - Findings24: - Sitio web: - Precios: Free - Categorías: Herramientas IA Dev, SDK de IA ## ¿Qué es Persona? Persona es una biblioteca de interfaz JavaScript para desarrolladores que quieren añadir un asistente de IA a un sitio web o una aplicación web. Muestra conversaciones en streaming y puede presentar herramientas ya registradas en la página mediante WebMCP. El paquete instalable funciona con un backend de agente compatible con SSE, incluido uno que administres por tu cuenta. Empieza con el paquete npm o el instalador mediante etiqueta script, elige el contenedor de destino del widget y conecta tu endpoint de chat. Configura un lanzador flotante, un copiloto acoplado o un asistente a pantalla completa; después, adapta el tema y las herramientas de la página a tu aplicación. Runtype ofrece una integración opcional con un backend alojado; la biblioteca también documenta una opción independiente para usar tu propio backend. ## ¿Qué puede hacer Persona? ### Tres diseños de asistente Usa un panel flotante para añadir un asistente, acopla el widget junto a un espacio de trabajo o asígnale un contenedor a pantalla completa. Cambia la configuración del lanzador para elegir la presentación. ### Transporte de streaming adaptable Recibe respuestas mediante SSE y personaliza las solicitudes o el análisis de eventos con customFetch y parseSSEEvent. El backend del agente se puede seleccionar por separado de la interfaz. ### Herramientas de página con aprobación del usuario Expón acciones como búsquedas de productos, reservas u operaciones de formularios mediante WebMCP. Persona detecta las herramientas registradas, solicita la aprobación del usuario antes de ejecutarlas y devuelve los resultados a la conversación. ### Estilos configurables Usa tokens de tema de paleta, semánticos y de componentes, el modo oscuro y el editor de temas en vivo para adaptar el widget a tu sitio. La representación con Shadow DOM y el CSS con prefijo separan los estilos del widget de los estilos del sitio anfitrión. ## Casos de uso ### Soporte e incorporación en un sitio web existente Añade un asistente flotante conectado a tu agente de soporte o documentación sin rediseñar la página para convertirla en una aplicación de chat completa. ### Un asistente junto al espacio de trabajo de una aplicación Usa el modo acoplado para colocar un copiloto junto a un panel o área de trabajo, mientras la interfaz original sigue disponible. ### Acceso conversacional a las acciones existentes de la página Permite que un asistente use las herramientas de búsqueda, carrito, reservas o formularios que expone tu aplicación, con la interacción de aprobación integrada en la interfaz de chat. ## Preguntas frecuentes ### ¿Se puede usar Persona gratis con fines comerciales? La biblioteca se distribuye bajo la licencia MIT, que permite usarla, modificarla, distribuirla y vender copias sin pagar una tarifa de licencia. Debes conservar los avisos de derechos de autor y de permisos en las copias o en partes sustanciales. El software se proporciona sin garantía. ### ¿Necesita un backend de Runtype? Puedes conectar un backend compatible con SSE mediante el protocolo y los adaptadores de Persona. Runtype es una opción alojada; la documentación también incluye ejemplos autoalojados. El acceso a modelos y el alojamiento son partes independientes de tu implementación. ### ¿Necesito un framework de interfaz específico? Persona se renderiza en JavaScript vanilla, sin dependencias de frameworks. Instala el paquete npm en una aplicación compilada o usa la opción de etiqueta script en una página. ### ¿Cómo permito que el asistente interactúe con mi página? Registra las acciones pertinentes de la página como herramientas de WebMCP. Persona detecta esas herramientas y solicita la aprobación del usuario antes de ejecutar una llamada; el código de tu página proporciona la acción en sí. ## Datos rápidos - **Producto**: Biblioteca instalable de interfaz JavaScript para asistentes - **Instalación**: Paquete npm o instalador mediante etiqueta script - **Backend**: Backend de agente compatible con SSE; integración opcional con Runtype alojado - **Diseños**: Flotante, acoplado y a pantalla completa - **Licencia**: MIT; deben conservarse los avisos de derechos de autor y permisos