Visualizador en línea: Los modelos de IA locales ahora pueden renderizar visualizaciones HTML interactivas.

✍️ OpenClawRadar📅 Publicado: 23 de marzo de 2026🔗 Source
Visualizador en línea: Los modelos de IA locales ahora pueden renderizar visualizaciones HTML interactivas.
Ad

Inline Visualizer es un complemento para Open WebUI que otorga a los modelos de IA locales la capacidad de renderizar visualizaciones HTML/SVG interactivas directamente en el chat, con comunicación bidireccional entre los elementos visuales y el modelo de IA.

Qué hace

El complemento proporciona a los modelos un sistema de diseño y una herramienta de renderizado. Los modelos escriben fragmentos HTML/SVG, que la herramienta envuelve en una carcasa temática con soporte para modo oscuro, renderizándolos en línea en el chat. Un puente JavaScript permite que los elementos dentro de las visualizaciones envíen mensajes de vuelta a la interfaz del chat.

Características principales

  • Funciona con cualquier modelo que admita llamadas a herramientas: Qwen, Mistral, Gemma, DeepSeek, Gemini, Claude, GPT
  • Licencia BSD-3: bifurca, modifica, úsalo como quieras
  • Sin iframes dentro de iframes, sin servicios externos, sin claves API necesarias
  • Los elementos interactivos pueden enviar mensajes de vuelta al modelo de IA

Casos de uso de ejemplo

  • Diagramas de arquitectura donde hacer clic en un nodo le pregunta a la IA sobre ese componente
  • Paneles de Chart.js con una tematización adecuada de modo oscuro/claro
  • Cuestionarios interactivos donde la IA califica tus respuestas
  • Formularios de preferencias que recopilan elecciones y las envían al modelo
  • Explicaciones con secciones expandibles y efectos de desplazamiento
  • Literalmente cualquier HTML/SVG/JS que el modelo pueda escribir
Ad

Requisitos

  • Open WebUI (autoalojado)
  • Cualquier modelo con soporte para llamadas a herramientas
  • Menos de 1 minuto para pegar dos archivos y seguir la configuración de instalación

Consideraciones de rendimiento

El creador señala que el rendimiento depende de los tokens por segundo (TPS) de tu modelo. Con TPS de un solo dígito, podrías esperar alrededor de un minuto para que aparezcan los artefactos renderizados. La demostración usa Claude Haiku por velocidad, pero la herramienta ha sido probada con Qwen3.5 27b (más lento pero funcional).

Instalación

El complemento (herramienta + habilidad) está disponible en https://github.com/Classic298/open-webui-plugins. El tutorial de instalación está en el archivo README de la carpeta del complemento.

📖 Read the full source: r/LocalLLaMA

Ad

👀 Ver también

Jaula de Langosta: Entorno de Seguridad Dockerizado para Autoalojar OpenClaw en Raspberry Pi
Herramientas

Jaula de Langosta: Entorno de Seguridad Dockerizado para Autoalojar OpenClaw en Raspberry Pi

Un desarrollador creó Lobster Cage, un entorno Docker Compose con acceso saliente restringido y enrutamiento basado en proxy para ejecutar OpenClaw de forma segura en una Raspberry Pi para experimentación.

OpenClawRadar
Extensión de Chrome Agrega Vista Previa en Vivo a Claude Code Web
Herramientas

Extensión de Chrome Agrega Vista Previa en Vivo a Claude Code Web

Una extensión de Chrome llamada Claude Code Preview agrega funcionalidad de vista previa en vivo a Claude Code Web, similar a Lovable y otros sitios de 'vibecoding', permitiendo la visualización lado a lado de despliegues.

OpenClawRadar
Tripsy lanza el servidor MCP para Claude: gestiona viajes mediante API estructurada
Herramientas

Tripsy lanza el servidor MCP para Claude: gestiona viajes mediante API estructurada

El servidor MCP oficial de Tripsy permite a Claude leer, crear y actualizar viajes, actividades, estancias, transportes y gastos. La configuración toma ~1 minuto mediante el conector personalizado de Claude.

OpenClawRadar
Steerling-8B: Un modelo de lenguaje interpretable con atribución a nivel de token
Herramientas

Steerling-8B: Un modelo de lenguaje interpretable con atribución a nivel de token

Guide Labs lanzó Steerling-8B, un modelo de lenguaje de 8 mil millones de parámetros entrenado en 1.35 billones de tokens que puede rastrear cualquier token generado hasta el contexto de entrada, conceptos comprensibles para humanos y fuentes de datos de entrenamiento. El modelo logra un rendimiento competitivo con modelos entrenados con 2-7× más datos.

OpenClawRadar