O que é o Persona.js?
Persona é uma biblioteca leve e de código aberto para interface de chat com IA que se incorpora em qualquer site usando JavaScript puro. Diferente de frameworks de chat baseados em React, o Persona é livre de frameworks, independente de backend e nativo do WebMCP, permitindo que seu assistente descubra e execute ferramentas expostas pela página pai. Ele adiciona chat com streaming, voz, temas e experiências de copiloto interativas sem precisar reconstruir seu frontend ou criar APIs personalizadas.
Para quem é
- Desenvolvedores frontend que desejam adicionar um assistente de IA a qualquer site sem reescrever sua stack ou aprender um novo framework
- Equipes de produto que entregam experiências agênticas que precisam operar ferramentas da página como busca, carrinhos, reservas ou formulários diretamente
- Startups e criadores independentes que buscam uma interface de chat rápida e incorporável que funcione com qualquer backend e qualquer configuração de hospedagem
Principais recursos
Três modos de layout
Persona oferece UX flutuante, ancorada ou em tela cheia. Alterne entre um lançador de canto para suporte, um copiloto lateral que redimensiona seu layout ou um assistente em altura total que domina a página — tudo alterando um único valor de configuração launcher.
Execução de ferramentas nativa do WebMCP
Exiba ações da página, busca, carrinhos, reservas e formulários como ferramentas WebMCP. O agente as aciona diretamente com aprovação do usuário integrada, sem necessidade de integração de backend para descoberta e execução de ferramentas.
Isolamento com Shadow DOM
A renderização com Shadow DOM e CSS prefixado mantém os estilos do widget e do host totalmente separados. Insira o Persona em qualquer página e nada vaza para dentro ou para fora, preservando seu sistema de design existente.
Transporte de streaming plugável
Streaming SSE com parsers plugáveis adapta qualquer formato de requisição ou evento usando customFetch e parseSSEEvent. Isso funciona com qualquer backend que suporte eventos enviados pelo servidor.
O que se destaca
Persona é a primeira biblioteca de UI para agentes que trata o navegador como um runtime de primeira classe, não apenas como uma superfície de exibição.
A maioria das interfaces de chat são passivas — exibem texto e aguardam respostas da API. Persona inverte isso ao tornar o agente um participante ativo na página. Ele descobre ferramentas expostas pela página pai, as executa com aprovação do usuário e transmite respostas em tempo real. Isso significa que seu assistente pode pesquisar sua documentação, adicionar itens a um carrinho ou preencher um formulário de reserva sem que você escreva um único endpoint de backend para essas ações.
Vale a pena conferir se…
Você deseja adicionar um assistente de IA a qualquer site — de uma página HTML estática a uma SPA moderna — sem adotar um novo framework ou reconstruir seu frontend. Se você precisa de chat com streaming, voz, temas e uso de ferramentas agênticas que funcionem com qualquer backend, Persona oferece uma solução pronta para produção em poucas linhas de código.
