Visualizador Embutido: Modelos de IA Locais Agora Podem Renderizar Visualizações HTML Interativas

✍️ OpenClawRadar📅 Publicado: March 23, 2026🔗 Source
Visualizador Embutido: Modelos de IA Locais Agora Podem Renderizar Visualizações HTML Interativas
Ad

Inline Visualizer é um plugin para Open WebUI que dá aos modelos de IA locais a capacidade de renderizar visualizações interativas HTML/SVG diretamente no chat, com comunicação bidirecional entre elementos visuais e o modelo de IA.

O que ele faz

O plugin fornece aos modelos um sistema de design e ferramenta de renderização. Os modelos escrevem fragmentos HTML/SVG, que a ferramenta envolve em uma estrutura temática com suporte a modo escuro, renderizando-os inline no chat. Uma ponte JavaScript permite que elementos dentro das visualizações enviem mensagens de volta para a interface do chat.

Principais recursos

  • Funciona com qualquer modelo que suporte chamada de ferramentas: Qwen, Mistral, Gemma, DeepSeek, Gemini, Claude, GPT
  • Licenciado BSD-3 - faça fork, modifique, use como quiser
  • Sem iframes-dentro-de-iframes, sem serviços externos, sem chaves de API necessárias
  • Elementos interativos podem enviar mensagens de volta para o modelo de IA

Casos de uso exemplos

  • Diagramas de arquitetura onde clicar em um nó pergunta à IA sobre aquele componente
  • Dashboards Chart.js com tematização adequada de modo escuro/claro
  • Quizzes interativos onde a IA avalia suas respostas
  • Formulários de preferência que coletam escolhas e as enviam para o modelo
  • Explicadores com seções expansíveis e efeitos de hover
  • Literalmente qualquer HTML/SVG/JS que o modelo possa escrever
Ad

Requisitos

  • Open WebUI (auto-hospedado)
  • Qualquer modelo com suporte a chamada de ferramentas
  • Menos de 1 minuto para colar dois arquivos e seguir a configuração de instalação

Considerações de desempenho

O criador observa que o desempenho depende dos tokens por segundo (TPS) do seu modelo. Com TPS de um dígito, você pode esperar cerca de um minuto para que artefatos renderizados apareçam. A demonstração usa Claude Haiku para velocidade, mas a ferramenta foi testada com Qwen3.5 27b (mais lento, mas funcional).

Instalação

O plugin (ferramenta + habilidade) está disponível em https://github.com/Classic298/open-webui-plugins. O tutorial de instalação está no README da pasta do plugin.

📖 Leia a fonte completa: r/LocalLLaMA

Ad

👀 See Also

Problemas de Compromisso: Uma Ferramenta que Analisa e 'Enterra' Repositórios Inacabados do GitHub
Tools

Problemas de Compromisso: Uma Ferramenta que Analisa e 'Enterra' Repositórios Inacabados do GitHub

Um desenvolvedor criou uma ferramenta chamada Commitment Issues que analisa repositórios do GitHub para determinar se foram abandonados, gera um 'certificado de óbito' e extrai a mensagem do último commit como 'últimas palavras'. A ferramenta usa heurísticas como frequência de commits, última atividade e estrelas versus momentum, e foi prototipada usando Claude.

OpenClawRadar
Faça Acontecer: Sistema de Meta-Prompting para Agentes de IA de Programação
Tools

Faça Acontecer: Sistema de Meta-Prompting para Agentes de IA de Programação

Get Shit Done é um sistema de meta-prompting, engenharia de contexto e desenvolvimento orientado a especificações que funciona com Claude Code, OpenCode, Gemini CLI, Codex, Copilot e Antigravity. Ele aborda a deterioração do contexto fornecendo prompts estruturados e fluxos de trabalho de verificação.

OpenClawRadar
Relay permite que sessões do Claude Code se comuniquem sem alternar entre janelas
Tools

Relay permite que sessões do Claude Code se comuniquem sem alternar entre janelas

Um plugin chamado Relay usa a capacidade de canais do Claude Code para permitir que sessões paralelas se comuniquem diretamente, eliminando a necessidade de copiar e colar manualmente o contexto entre repositórios de backend e frontend.

OpenClawRadar
Experiência do Usuário: Mudando do OpenClaw para o Agente Hermes em LLM Local
Tools

Experiência do Usuário: Mudando do OpenClaw para o Agente Hermes em LLM Local

Um desenvolvedor relatou a mudança de OpenClaw para Hermes Agent usando Qwen3.5-9B em uma RX 9070 XT com 16 GB de VRAM. O Hermes completou uma tarefa complexa com 5 chamadas de ferramentas corretas, contra mais de 50 etapas do OpenClaw, executando 2:30 minutos mais rápido enquanto mantinha funcionalidades de RAG, chamada de ferramentas e memória persistente.

OpenClawRadar