Persona
Una biblioteca de UI de agente de código abierto en VanillaJS para construir experiencias front-end agénticas con WebMCP, streaming SSE y tematización personalizable.
Persona
Qué es Persona?
Persona vs Herramientas Similares
| Modelo de Precios | Gratis | Gratis | Gratis | Gratis |
| Créditos Gratis | ||||
| Funciones principales |
|
|
|
|
| Ventajas |
|
|
|
|
| Desventajas |
|
|
|
|
| Ideal para |
|
|
|
|
Cómo usar Persona?
- 1Instalar vía npm: npm install @runtypelabs/persona
- 2Importar CSS: import '@runtypelabs/persona/widget.css'
- 3Importar initAgentWidget: import { initAgentWidget } from '@runtypelabs/persona'
- 4Inicializar el widget con un elemento objetivo y configuración (URL de API):
- 5initAgentWidget({ target: '#chat', config: { apiUrl: 'https://your-api.com/chat' } })
- 6Personalizar el tipo de lanzador (flotante, acoplado, pantalla completa) mediante la opción de configuración.
Persona Funciones principales
- Nativo WebMCP: los agentes pueden usar herramientas registradas en la página a través de document.modelContext
- Renderizado Shadow DOM para aislamiento de estilos
- Streaming SSE con analizadores conectables y customFetch
- Tematización de tokens en tres capas (paleta, semántico, componente) con modo oscuro y editor en vivo
- Modos de UX flotante, acoplado o pantalla completa
- Adaptadores de transporte y analizadores conectables
Persona Casos de uso
- Widget de chat de soporte al cliente
- Copiloto de IA para aplicaciones web existentes
- Asistente de incorporación para nuevos usuarios
- Agente de preguntas y respuestas sobre documentación
- Asistente de comercio electrónico para búsqueda de productos y reservas
Persona Precios y créditos gratis
Persona funciona con un modelo Gratis.
Esta herramienta es completamente gratuita
Persona Ventajas y desventajas
Ventajas
- Ligero e independiente del framework (VanillaJS puro)
- El estándar WebMCP permite que los agentes usen herramientas existentes de la página
- Shadow DOM aísla los estilos de la aplicación anfitriona
- Los transportes y analizadores conectables funcionan con cualquier backend SSE
- Sistema de tematización completo para personalización de marca
Desventajas
- La documentación y los ejemplos aún están en crecimiento
- Requiere un endpoint SSE en el backend para funcionalidad completa
¿Para qué es mejor Persona?
- Desarrolladores que construyen UIs de agentes de IA personalizadas
- Equipos que desean integrar chat de agente en aplicaciones web existentes
- Proyectos que necesitan un widget de chat ligero y extensible
Preguntas frecuentes sobre Persona
Alternativas gratis a Persona
Un IDE controlado por voz que permite a los desarrolladores iniciar sesiones de codificación con IA usando Codex o Claude Code, aprobar comandos y revisar diferencias desde su teléfono.
SureWire es una plataforma especializada de QA que pone a prueba agentes de IA en términos de seguridad, confiabilidad y cumplimiento mediante agentes de prueba diseñados específicamente.
Plataforma de infraestructura de navegadores para que los agentes de IA funcionen en internet a velocidad con sesiones de navegador en la nube, agentes y funciones sin servidor.
Una herramienta de transferencia de archivos centrada en agentes que permite compartir archivos cifrados de forma segura entre agentes de IA mediante llamadas MCP sin intervención humana.
Manifest convierte cualquier URL en un mapa JSON estructurado de los elementos interactivos con los que los agentes de IA pueden interactuar en una página: botones, formularios, entradas y campos obligatorios.
Una puerta cooperativa para comandos de shell ejecutados por agentes de IA, que proporciona vistas previas, copias de seguridad, aplicación de políticas y auditoría para herramientas como Claude Code y Cursor.
Agentcard proporciona una infraestructura de emisión de tarjetas y pagos amigable para agentes de IA, permitiendo una configuración en 5 minutos y compras autónomas.
Mejores alternativas de herramientas IA a Persona
Una colección de servidores MCP deliberadamente vulnerables para entrenamiento en seguridad agentica, mapeada al OWASP Top 10 para Aplicaciones Agenticas.
Herramienta de IA de código abierto para investigación profunda de infraestructura, ejecutando modelos de frontera a través de código, nube y tiempo de ejecución para entregar respuestas verificadas.
Magpie es una CLI de contabilidad opinada para humanos y agentes de IA, que proporciona contabilidad de doble entrada con RBAC y almacenamiento inmutable de eventos en Jaybase.
Interfaz de terminal para gestionar sesiones de agentes de codificación de IA (Claude Code, OpenCode, Codex, Grok Build) en tmux con estado en vivo, árbol de grupos y revisión de diferencias.
Un IDE controlado por voz que permite a los desarrolladores iniciar sesiones de codificación con IA usando Codex o Claude Code, aprobar comandos y revisar diferencias desde su teléfono.
Catálogo de software sin configuración, binario único, con autodescubrimiento, visualización de dependencias, paneles de cumplimiento e integración nativa con MCP para agentes de IA.
CLI de automatización de navegadores para agentes de IA que elude muros antibot, transfiere tareas a humanos y ejecuta procesos en paralelo.
Un asistente de compras impulsado por IA que proporciona un cursor en vivo para guiar a los visitantes del sitio web, señalar productos y mostrar cálculos de precios.