Was ist WebMCP und wie nutzt Persona es?

WebMCP ist ein Standard, der dem Browser einen zentralen Ort (document.modelContext) zur Verfügung stellt, um clientseitige Seitentools zu verwalten. Persona erkennt diese Tools (wie die Produktsuche, das Hinzufügen von Artikeln zum Warenkorb oder Buchungsformulare) nativ, bittet den Nutzer um Freigabe vor dem Aufruf und streamt das Ergebnis direkt zurück in den Chatverlauf – ohne dass eine Tool-Integration im Backend erforderlich ist.

Wird das Einbetten von Persona das Design meiner bestehenden Website zerschießen?

Nein. Persona nutzt Shadow-DOM-Rendering und CSS-Präfixe, um eine absolute Stil-Isolierung zu garantieren. Die Styles der Host-Seite werden nicht in das Widget übertragen, und die Styles des Widgets beeinflussen nicht das Layout Ihrer Anwendung.

Persona: Framework-unabhängige Open-Source-AI-Chat-UI-Bibliothek für Websites.

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

Sponsored by PoYo.AI - Hohe Parallelität. Stabile KI-API. Bessere Preise.

Kostenlose Tools Kategorie Berufe .ai-Domain

KI-Werbebibliothek

Startseite

KI-Agentur

Persona

Website öffnen

0 Bewertungen

0 Gespeicherte

Einführung:

Framework-unabhängige Open-Source-AI-Chat-UI-Bibliothek für Websites.

Hinzugefügt am:

Jun 30 2026

Monatliche Besucher:

Soziale Netzwerke und E-Mail:

Free

Website

KI-Agentur KI Entwickler Tools KI Assistenten KI Chatbot

Advertise this tool Update this tool

i10X

All-in-One-KI-Plattform mit über 500 KI-Tools und Top-Modellen unter einem Abonnement.

Zawa

AI-Brand-Kit-Generator und Design-Tool für kleine Unternehmen

Free

OfoxAI

Zentrales API-Gateway für den Zugriff auf über 100 LLMs wie GPT, Claude und Gemini.

Raccoon AI

Der KI-Kollege für Apps, Recherche, Dokumente & alles andere. Raccoon AI ist ein kollaborativer KI-Agent und Workspace für echte Arbeit. Sie beschreiben Ihre Bedürfnisse und bauen sie zusammen mit einem KI-Agenten auf, der über einen eigenen Computer, Terminal, Browser und Internetzugang verfügt. Sie sehen jeden Gedanken, jede Datei und jede Entscheidung. Sie steuern nach, wenn nötig, und veröffentlichen, wenn es passt. Web-Apps deployen, Tiefenforschung betreiben, Daten analysieren, Pitch-Decks, Videos, Bilder und Dokumente erstellen.

Free

Chatbot App

Multi-Modell-KI-Chat-Plattform, die es ermöglicht, sofort zwischen über 30 führenden KI-Modellen (u. a. ChatGPT, Claude, Gemini) zu wechseln oder diese parallel zu nutzen.

Persona Produktinformationen

Was ist Persona?

Persona ist eine leichtgewichtige, quelloffene und framework-unabhängige AI-Chat-UI-Bibliothek, die von Runtype entwickelt wurde. Sie ermöglicht es Entwicklern, ein anpassbares AI-Chat-Widget oder eine Vollbild-Copilot-Umgebung in jede beliebige Website oder statisches HTML einzubetten. Sie ist backend-agnostisch und unterstützt nativ WebMCP. Das bedeutet, dass AI-Assistenten Tools, die direkt im Code der übergeordneten Seite bereitgestellt werden (wie Suchen, Warenkörbe, Buchungen und Formulare), automatisch erkennen und nach expliziter Benutzerfreigabe sicher ausführen können. Persona unterstützt SSE-Streaming, Agent-Loops, Stil-Isolierung via Shadow DOM zur Vermeidung von CSS-Konflikten, Spracheingabe/-ausgabe und enthält einen umfangreichen Theme-Editor.

Wie benutzt man Persona?

Um Persona zu nutzen, installieren Sie es via npm mit 'npm install @runtypelabs/persona' oder binden Sie das globale Script-Tag über ein CDN in Ihre HTML-Datei ein. Initialisieren Sie es anschließend mit der Funktion 'initAgentWidget', indem Sie einen Selektor für den Ziel-Container angeben und die API-URL Ihres benutzerdefinierten Server-Sent Events (SSE) Backends konfigurieren. Alternativ können Sie 'npx @runtypelabs/cli@latest persona init' ausführen, um ein direkt kopierbares Installations-Snippet zu generieren.

Persona's Hauptmerkmale

Framework-unabhängig und basiert auf nativem Vanilla-JavaScript

WebMCP-Standard für clientseitige Tool-Erkennung und -Ausführung

Flexible Layouts, einschließlich schwebendem Widget, angedocktem Panel und Vollbild-Assistent

Stil-Isolierung durch Shadow DOM und CSS-Präfixe

Plug-and-Play-Transport-Adapter für SSE-Streaming

Integrierte Spracheingabe- und Sprachausgabefunktionen

Umfangreicher, Token-basierter Theme-Editor

Persona's Anwendungsfälle

Hinzufügen eines AI-Support- oder Onboarding-Chat-Widgets zu einer bestehenden statischen HTML-Seite oder Single-Page-Webanwendung

Erstellen eines in der Größe veränderbaren Side-Panel-Copilots, der direkt mit dem Anwendungsstatus interagiert und Tools auf Seitenebene ausführt

Bereitstellen eines Vollbild-AI-Assistenten-Dashboards mit gestreamten Markdown-Tabellen und geteilten Artefakt-Ansichten

FAQ von Persona

Was ist WebMCP und wie nutzt Persona es?
Wird das Einbetten von Persona das Design meiner bestehenden Website zerschießen?

Atoms

KI-Plattform, die spezialisierte Agenten nutzt, um Full-Stack-Apps und Websites ohne Programmierkenntnisse zu erstellen.

Jetzt ausprobieren

Persona Bewertungen (0)

5 Punkte von 5 Punkten

Verdent

In wenigen Minuten vom Konzept zum Produkt – einfach per Texteingabe

Jetzt ausprobieren

Analyse von Persona

Persona Website-Traffic-Analyse

Aktueller Website-Verkehr

Monatliche Besuche

Durchschnittliche Dauer des Besuchs

00:00:00

Seiten pro Besuch

0.00

Absprungrate

0.00%

Mar 2026 - May 2026 Gesamter Website-Verkehr

Social Media Listening

Persona Einbettungen starten

Verwenden Sie Website-Badges, um die Unterstützung Ihrer Community für Ihren Toolify-Launch zu fördern. Sie lassen sich einfach auf Ihrer Homepage oder in der Fußzeile einbetten.

Light

Neutral

Dark