Persona.js.

Persona.js

Persona.js é uma biblioteca de interface de agentes open-source em VanillaJS que permite criar experiências front-end inteligentes para a web com JavaScript puro. Leve, extensível e nativa em WebMCP, ela elimina a complexidade de frameworks pesados enquanto oferece total flexibilidade para integrar assistentes de IA em qualquer aplicação.

Destaques do Produto

• Leveza máxima: Funciona com JavaScript puro, sem dependências pesadas de frameworks, garantindo carregamento rápido e performance otimizada.
• Isolamento completo de estilos: Utiliza Shadow DOM e CSS prefixado para evitar conflitos com os estilos da página hospedeira — nada vaza para dentro, nada vaza para fora.
• Flexibilidade de layout: Alterne facilmente entre launcher flutuante, copiloto acoplado ou assistente em tela cheia, apenas alterando a configuração launcher.
• WebMCP nativo: Expõe ações da página como ferramentas que o agente executa diretamente, com aprovação do usuário integrada e sem necessidade de backend adicional.
• Streaming universal: Compatível com qualquer backend SSE através de parsers personalizáveis via customFetch e parseSSEEvent.
• Personalização profunda: Sistema de temas em três camadas (tokens, paleta, semântica, componentes) com modo escuro e editor de tema ao vivo para alinhar perfeitamente à sua marca.

Casos de Uso

• Suporte e documentação: Implemente um launcher flutuante no canto da página para atendimento ao cliente e ajuda contextual, sem reconfigurar o layout existente.
• Assistente de vendas: Crie um copiloto acoplado que interage com catálogos de produtos, carrinhos e formulários de compra como ferramentas WebMCP.
• Onboarding inteligente: Utilize o modo tela cheia para guiar novos usuários através de fluxos complexos, com o agente executando ações diretamente na interface.
• Integração multi-stack: Conecte-se a backends diversos como Vercel AI SDK, OpenAI Agents, LangGraph.js, Hono, Express ou implementações próprias via SSE.

Público-Alvo

Desenvolvedores front-end e equipes de produto que buscam adicionar capacidades de IA a suas aplicações sem abrir mão do controle sobre a experiência do usuário, preferindo soluções leves em JavaScript puro que se integram naturalmente a qualquer stack existente.