Inline-Visualisierer: Lokale KI-Modelle können jetzt interaktive HTML-Visualisierungen rendern
Inline Visualizer ist ein Plugin für Open WebUI, das lokalen KI-Modellen die Fähigkeit verleiht, interaktive HTML/SVG-Visualisierungen direkt im Chat darzustellen, mit bidirektionaler Kommunikation zwischen visuellen Elementen und dem KI-Modell.
Was es tut
Das Plugin stellt Modellen ein Design-System und ein Rendering-Tool zur Verfügung. Modelle schreiben HTML/SVG-Fragmente, die das Tool in eine thematisierte Hülle mit Dark-Mode-Unterstützung einpackt und sie inline im Chat darstellt. Eine JavaScript-Brücke erlaubt es Elementen innerhalb der Visualisierungen, Nachrichten zurück an die Chat-Oberfläche zu senden.
Hauptmerkmale
- Funktioniert mit jedem Modell, das Tool Calling unterstützt: Qwen, Mistral, Gemma, DeepSeek, Gemini, Claude, GPT
- BSD-3-lizenziert – forken, modifizieren, nach Belieben nutzen
- Keine Iframes-in-Iframes, keine externen Dienste, keine API-Schlüssel erforderlich
- Interaktive Elemente können Nachrichten zurück an das KI-Modell senden
Beispiel-Anwendungsfälle
- Architekturdiagramme, bei denen ein Klick auf einen Knoten die KI nach dieser Komponente fragt
- Chart.js-Dashboards mit korrekter Dark/Light-Mode-Thematisierung
- Interaktive Quizze, bei denen die KI Ihre Antworten bewertet
- Präferenzformulare, die Auswahlmöglichkeiten sammeln und an das Modell senden
- Erklärungen mit ausklappbaren Abschnitten und Hover-Effekten
- Buchstäblich jedes HTML/SVG/JS, das das Modell schreiben kann
Anforderungen
- Open WebUI (selbst gehostet)
- Beliebiges Modell mit Tool-Calling-Unterstützung
- Weniger als 1 Minute, um zwei Dateien einzufügen und der Installationsanleitung zu folgen
Leistungsbetrachtungen
Der Ersteller weist darauf hin, dass die Leistung von den Tokens pro Sekunde (TPS) Ihres Modells abhängt. Bei einstelligen TPS müssen Sie möglicherweise etwa eine Minute warten, bis gerenderte Artefakte erscheinen. Die Demo verwendet Claude Haiku für Geschwindigkeit, aber das Tool wurde mit Qwen3.5 27b getestet (langsamer, aber funktional).
Installation
Das Plugin (Tool + Skill) ist verfügbar unter https://github.com/Classic298/open-webui-plugins. Ein Installations-Tutorial befindet sich in der README-Datei des Plugin-Ordners.
📖 Read the full source: r/LocalLLaMA
👀 Siehe auch
Snip: Open-Source-Tool reduziert Claude-Code-Tokenverbrauch mit YAML-Filtern
Snip ist ein in Go geschriebenes Tool, das zwischen Claude Code und der Shell sitzt und ausführliche Befehlsausgaben durch deklarative YAML-Pipelines filtert, um die Token-Nutzung um 60-90% zu reduzieren. Es enthält 16 kombinierbare Pipeline-Aktionen und funktioniert mit mehreren KI-Codierungsagenten.
devcontainer-mcp: Gib KI-Agenten ihre eigene Entwicklungsumgebung, nicht deine
devcontainer-mcp ist ein MCP-Server, der 45 Tools für KI-Agenten bereitstellt, um Dev-Container zu erstellen, zu verwalten und darin zu arbeiten – unterstützt durch Docker, DevPod oder GitHub Codespaces – und dabei die Host-Rechner sauber hält.
mnemos: Eine persistente Gedächtnisschicht für KI-Coding-Agenten (Go, MCP-nativ, kein Python)
mnemos ist eine Go-basierte, MCP-native Gedächtnisschicht für KI-Coding-Agenten. Der Autor entwickelte einen Verifizierer zur Messung der Verbesserung: +40% aggregiert bei Lese-Szenarien, aber nur 53% Erfassungsrate beim Schreiben nach iterativen Korrekturen.
IronBee: Open-Source-Verifizierungsschicht für Claude Code und Cursor
IronBee ist eine Open-Source-Verifizierungsschicht, die KI-Codierungsagenten zwingt, Änderungen in einem echten Browser zu testen, bevor sie Aufgaben abschließen. In Tests fing sie in 82 % der Claude-Code-Sitzungen Fehler ab, die ohne Verifizierung ausgeliefert worden wären.