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

PhantomCrowd: Simulador de Público Multiagente Usando Claude Code
Tools

PhantomCrowd: Simulador de Público Multiagente Usando Claude Code

PhantomCrowd é um mecanismo de previsão multiagente focado em marketing que simula como audiências reais reagem ao conteúdo antes de ser publicado. Ele gera 10 a 500 personas com demografias e personalidades únicas, cada uma reagindo independentemente a conteúdos como textos publicitários ou posts sociais.

OpenClawRadar
A Skillware adiciona um gerador de dados sintéticos com pontuação de entropia para ajuste fino de modelos locais.
Tools

A Skillware adiciona um gerador de dados sintéticos com pontuação de entropia para ajuste fino de modelos locais.

A Skillware lançou uma nova habilidade de gerador de dados sintéticos que usa heurísticas de taxa de compressão zlib para pontuar a diversidade da saída, ajudando a prevenir o colapso do modelo. A ferramenta funciona pronta para uso com Ollama, suporta Gemini/Anthropic para lotes de alto raciocínio e gera lotes JSON para pipelines de ajuste fino .jsonl.

OpenClawRadar
7 comandos de barra, $0.45/post: Este pipeline do Claude Code executa uma operação completa de conteúdo SEO
Tools

7 comandos de barra, $0.45/post: Este pipeline do Claude Code executa uma operação completa de conteúdo SEO

Um desenvolvedor disponibilizou como open source um pipeline de 7 comandos do Claude Code que lida com pesquisa SEO, escrita, otimização e publicação. Custa $0,45/post (API Perplexity), é executado em 15 min/dia. Resultados: 18× mais impressões mensais em 12 meses.

OpenClawRadar
120 Padrões de Prompt Testados: 8 Que Realmente Funcionam para o Código Claude
Tools

120 Padrões de Prompt Testados: 8 Que Realmente Funcionam para o Código Claude

Um teste empírico de 3 meses com 120 padrões de prompt para Claude Code resulta em 8 comandos acionáveis e 5 prompts de validação. Padrões-chave: L99 (elimina hesitações), /ghost (remove voz de IA), OODA (raciocínio estruturado), ULTRATHINK (raciocínio profundo), HARDMODE (depuração com restrições).

OpenClawRadar