Persona
¿Qué es Persona?
Persona es una librería de interfaz de usuario de chat de IA ligera, de código abierto y sin frameworks, desarrollada por Runtype. Permite a los desarrolladores integrar un widget de chat de IA personalizable o una experiencia de copiloto a pantalla completa en cualquier sitio web o HTML estático. Es agnóstica respecto al backend y nativa de WebMCP, lo que significa que permite a los asistentes de IA descubrir y ejecutar de forma segura herramientas expuestas directamente por el código de la página web principal (como búsquedas, carritos de compra, reservas y formularios) con aprobación integrada del usuario. Es compatible con streaming SSE, bucles de agentes, aislamiento de estilos mediante Shadow DOM para evitar filtraciones de CSS, entrada/salida de voz, e incluye un editor de temas muy completo.
¿Cómo usar Persona?
Para usar Persona, instálalo a través de npm ejecutando 'npm install @runtypelabs/persona' o incluye su etiqueta de script global mediante CDN en tu archivo HTML. Luego, inicialízalo usando la función 'initAgentWidget', especificando el selector del contenedor de destino y configurando la URL del API de tu backend personalizado para eventos enviados por el servidor (SSE). Alternativamente, puedes ejecutar 'npx @runtypelabs/cli@latest persona init' para generar un fragmento de código de instalación listo para copiar y pegar.
Características principales de Persona
Sin frameworks y nativo de Javascript puro (Vanilla JS)
Estándar WebMCP para el descubrimiento y ejecución de herramientas del lado del cliente
Diseños flexibles que incluyen widget flotante, panel acoplado y asistente a pantalla completa
Aislamiento de estilos mediante Shadow DOM y CSS con prefijos
Adaptadores de transporte pluggables para streaming SSE
Capacidades integradas de entrada y salida de voz
Editor de temas completo basado en tokens
Casos de uso de Persona
Añadir un widget de chat de soporte o de bienvenida con IA a un sitio web estático en HTML o a una aplicación de una sola página (SPA) ya existente
Crear un copiloto en un panel lateral interactivo que se comunique directamente con el estado de la aplicación y ejecute herramientas a nivel de página
Implementar un panel de asistente de IA a pantalla completa con tablas en markdown por streaming y divisiones de artefactos
FAQ de Persona
¿Qué es WebMCP y cómo lo utiliza Persona?
¿Si integro Persona se va a desconfigurar el estilo actual de mi sitio web?
Persona Reseñas (0)
Analítica de Persona
Persona Análisis del tráfico del sitio web
Persona Iniciar incrustaciones
Utiliza las insignias del sitio web para impulsar el apoyo de tu comunidad para el lanzamiento de Toolify. Son fáciles de incrustar en tu página de inicio o pie de página.
Alternativa de Persona
26.94%
Escucha en redes sociales