AI Helper ahora verifica sus propios errores y construye barras de acciones
AI Helper es el asistente integrado en JustZix que escribe CSS y JavaScript por ti. En una versión reciente ganó cuatro herramientas nuevas: con ellas verifica por sí mismo que el código funciona y puede construir no solo reglas, sino barras de acciones interactivas. Esta entrada explica qué cambia eso en la práctica.
El problema: código que parece correcto pero no se ejecuta
Un modelo de lenguaje puede escribir un fragmento convincente que aun así falla en una página concreta — un selector equivocado, una errata, un error de sintaxis. Antes AI Helper te mostraba ese código y detectar el problema recaía en ti. Tenías que pegarlo, ejecutarlo, ver el error y pedir un arreglo.
read_temp_pane — verificación antes de que veas el resultado
La herramienta read_temp_pane deja el código generado en una ventana TEMP y lo comprueba. Para JavaScript de hecho ejecuta el código y devuelve un error síncrono o una confirmación de éxito; para CSS comprueba la sintaxis básica. AI Helper hace esto por sí mismo, en bucle, antes incluso de mostrarte una propuesta.
read_console — lectura de errores en tiempo de ejecución
La segunda herramienta, read_console, abre una ventana TEMP Output Console y lee las entradas console capturadas de la página — incluidos los errores que solo aparecen una vez que el código se ejecuta. El asistente ve lo mismo que verías en DevTools y puede arreglar el código antes de que llegue a ti.
create_bar y create_action — construir barras de acciones
Otras dos herramientas van más allá de CSS y JS. create_bar crea una barra de acciones fijada a una carpeta, grupo o conjunto de reglas, y create_action le añade una acción: un botón, un selector, un campo de texto, un deslizador, un área de texto o un interruptor de tres estados. Así que puedes pedir "haz una barra con un deslizador de tamaño de fuente" y obtener un panel interactivo terminado — no solo una regla.
El flujo de trabajo: describe, aprueba, listo
Una conversación típica va así: describes lo que quieres; AI Helper inspecciona la página, escribe el código, lo prueba él mismo con read_temp_pane y read_console, lo arregla si falla y, al final, te muestra el resultado terminado. Crear una regla, barra o acción requiere una confirmación aparte en la extensión — nada llega a tu biblioteca sin tu consentimiento.
Contexto completo en el prompt del sistema
Para que el asistente elija las herramientas adecuadas, al prompt del sistema se le dio una imagen completa del modelo de datos: seis tipos de acción con sus campos de configuración, además de orientación sobre cuándo un conjunto CSS/JS funciona mejor que una barra interactiva. Por eso las propuestas encajan con cómo funciona JustZix de verdad, en lugar de una idea genérica de las extensiones.
Beneficios
Menos rondas de arreglos — el código que ves ya ha sido comprobado una vez por el propio asistente. El asistente construye interfaces, no solo reglas — barras y botones toman forma directamente en la conversación. Y conservas el control total, porque cada escritura en la biblioteca necesita tu confirmación.
Configuras AI Helper en los ajustes con una clave de API de OpenAI, Anthropic o Gemini — la clave se queda en tu dispositivo. Instala JustZix y descríbele tu primer ajuste al asistente.
Valora este artículo
★ 5.0 · 2 valoraciones