O que é WebMCP e como o Persona o utiliza?

O WebMCP é um padrão que dá ao navegador um local central (document.modelContext) para armazenar ferramentas de página no lado do cliente. O Persona descobre nativamente essas ferramentas (como busca de produtos, adição de itens ao carrinho ou formulários de reserva), solicita a aprovação do usuário antes de chamá-las e envia o resultado de volta para a conversa do chat, sem a necessidade de integração de ferramentas no backend.

A incorporação do Persona vai bagunçar os estilos existentes do meu site?

Não. O Persona utiliza a renderização em Shadow DOM e regras de CSS com prefixo para garantir o isolamento absoluto do estilo. Os estilos da página principal não vão interferir no widget, e os estilos do widget não vão afetar o layout da sua aplicação.

Persona: Biblioteca de interface de chat de IA de código aberto e independente de framework para sites.

Name: Persona
Rating: 5 (58 reviews)
Author: toolify

Sponsored by PoYo.AI - Alta concorrência. API de IA estável. Preços melhores.

Ferramentas Gratuitas Categoria Profissões Domínio .ai

Biblioteca de Anúncios de IA

Início

Agência AI

Persona

Sítio web aberto

0 Avaliações

0 Salvo

Introdução:

Biblioteca de interface de chat de IA de código aberto e independente de framework para sites.

Adicionado em:

Jun 30 2026

Visitantes mensais:

Social e e-mail:

Free

Website

Agência AI Ferramentas de Desenvolvimento AI Assistente de IA Chatbot de IA

Advertise this tool Update this tool

OfoxAI

Gateway de API unificado para aceder a mais de 100 LLMs como GPT, Claude e Gemini.

Zawa

Gerador de kit de marca por IA e ferramenta de design para pequenas empresas

Free

i10X

Plataforma de IA tudo-em-um com mais de 500 ferramentas de IA e os principais modelos sob uma única assinatura.

Chatbot App

Plataforma de Chat de IA Multimodelo que permite alternar entre mais de 30 modelos de IA líderes instantaneamente ou executá-los lado a lado, incluindo ChatGPT, Claude, Gemini e outros, tudo num só lugar.

Raccoon AI

O Colega de Trabalho de IA para Apps, Pesquisa, Documentos e Tudo Mais. O Raccoon AI é um agente de IA colaborativo e workspace para realizar trabalho real. Você descreve o que precisa e constrói junto com um agente de IA que possui seu próprio computador, terminal, navegador e internet. Você vê cada pensamento, cada arquivo que ele cria, cada decisão que toma. Você orienta quando ele se desvia. Você entrega quando está pronto. Implante apps web. Realize pesquisas profundas. Analise dados. Crie pitch decks, vídeos, imagens, documentos e muito mais.

Free

Persona Informações do produto

O que é Persona?

Persona é uma biblioteca de interface de chat de IA leve, de código aberto e independente de framework desenvolvida pela Runtype. Ela permite que desenvolvedores incorporem um widget de chat de IA personalizável ou uma experiência de copiloto em tela cheia em qualquer site ou HTML estático. É agnóstica em relação ao backend e nativa em WebMCP, o que significa que permite que assistentes de IA descubram automaticamente e executem com segurança ferramentas expostas diretamente pelo código da página principal (como buscas, carrinhos, reservas e formulários) com aprovação integrada do usuário. Suporta streaming via SSE, loops de agentes, isolamento de estilo usando Shadow DOM para evitar conflitos de CSS, entrada/saída de voz e inclui um editor de temas completo.

Como usar Persona?

Para usar o Persona, instale-o via npm usando 'npm install @runtypelabs/persona' ou inclua a tag de script global via CDN no seu arquivo HTML. Em seguida, inicialize-o usando a função 'initAgentWidget', especificando o seletor do contêiner de destino e configurando a URL da API do seu backend de server-sent events (SSE) personalizado. Como alternativa, você pode executar 'npx @runtypelabs/cli@latest persona init' para gerar um trecho de código de instalação pronto para colar.

Principais recursos da Persona

Independente de framework e nativo em Vanilla Javascript

Padrão WebMCP para descoberta e execução de ferramentas no lado do cliente

Layouts flexíveis, incluindo widget flutuante, painel acoplado e assistente em tela cheia

Isolamento de estilo via Shadow DOM e CSS com prefixo

Adaptadores de transporte plugáveis para streaming via SSE

Recursos integrados de entrada e saída de voz

Editor de temas completo baseado em tokens

Casos de uso da Persona

Adicionar um widget de chat de suporte ou integração de IA a um site HTML estático existente ou a uma aplicação de página única (SPA)

Criar um copiloto em painel lateral redimensionável que interage diretamente com o estado da aplicação e executa ferramentas no nível da página

Implantar um painel de assistente de IA em tela cheia com tabelas markdown em streaming e divisões de artefatos

Perguntas frequentes de Persona

O que é WebMCP e como o Persona o utiliza?
A incorporação do Persona vai bagunçar os estilos existentes do meu site?

Verdent

Construa Seu Produto com Palavras Simples em Minutos

Experimente agora

Avaliações de Persona (0)

5 ponto em 5 pontos

Atoms

Plataforma de IA que utiliza agentes especializados para criar aplicativos e sites full-stack sem necessidade de programação.

Experimente agora

Análise de Persona

Persona Análise de tráfego do site

Tráfego mais recente do website

Visitas mensais

Duração média da visita

00:00:00

Páginas por visita

0.00

Taxa de salto

0.00%

Mar 2026 - May 2026 Todo o tráfego do website

Escuta de mídias sociais

Persona Iniciar incorporações

Use os emblemas do site para obter o apoio de sua comunidade para o lançamento do Toolify. Eles são fáceis de incorporar em sua página inicial ou rodapé.

Light

Neutral

Dark