Conoce a AI Helper — un asistente de IA integrado en JustZix
JustZix siempre ha tenido un único objetivo: cambiar la apariencia y el comportamiento de las páginas sin abrir las DevTools. Hoy añadimos un compañero para esa tarea — AI Helper, un asistente de IA que vive dentro de la página, la lee contigo y te ayuda a escribir el CSS y el JS que la arregla.
Qué es AI Helper
AI Helper es una ventana flotante — la misma ventana de estilo TEMP que ya conoces de los paneles CSS y JS. Se renderiza dentro de la página actual, una instancia por pestaña, y puedes arrastrarla, redimensionarla y cerrarla cuando quieras. Dentro de esa ventana hay un chat: tú escribes, el modelo responde y la conversación se va construyendo como en cualquier otra herramienta de chat.
La diferencia con un chatbot genérico en otra pestaña es que este está en la página. Sabe dónde estás. Puede mirar el DOM. Y puede colocar código directamente en un panel TEMP para que veas el resultado en vivo, en el sitio real, sin copiar ni pegar nada.
Cómo abrirlo
Tres formas, elige la que mejor te venga:
- Teclado:
Ctrl+Alt+\en cualquier página. - Widget emergente: haz clic en el icono de JustZix y luego en el botón AI Helper.
- Menú contextual: haz clic derecho en la página y elige AI Helper en el menú de Chrome.
La ventana se abre donde la dejaste por última vez. Ciérrala con la X de su esquina — es una única instancia por pestaña, así que nunca acabas con cinco apiladas una encima de otra.
Trae tu propia clave de API
JustZix no aloja ningún modelo ni revende tokens. Tú traes tu propia clave de un proveedor en el que ya confías. AI Helper admite tres:
| Proveedor | De dónde sale la clave |
|---|---|
| OpenAI | platform.openai.com |
| Anthropic | console.anthropic.com |
| Gemini | Google AI Studio |
Pegas la clave una vez en Ajustes → AI Helper, eliges un proveedor predeterminado y seleccionas un modelo. La lista de modelos se obtiene en vivo del proveedor, así que siempre ves lo que tu cuenta realmente puede usar — y el selector usa por defecto el modelo principal. Si guardas más de una clave, puedes cambiar de proveedor dentro de la propia ventana de chat. El recorrido completo está en la guía de configuración.
La ventana de chat
Todo lo que necesitas está en un solo panel:
- Historial de conversación — el hilo continuo de tus mensajes y las respuestas del modelo.
- Borrar conversación — limpia el hilo y empieza de cero cuando cambias de tarea.
- Selectores de proveedor y modelo — cambia de motor a mitad de conversación sin salir de la página.
Parece un chat porque lo es. La parte nueva es lo que el modelo puede ver y hacer.
Ya conoce la página
Cada vez que envías un mensaje, AI Helper adjunta automáticamente el contexto de la página actual — la URL, el título de la página y un fragmento HTML de la misma. No pegas nada. Así que, en lugar de describir «hay una cabecera fija que se superpone al contenido», simplemente dices «arregla la cabecera fija» y el modelo ya tiene algo concreto con lo que trabajar.
Cuando necesita más detalle, puede pedirlo bajo demanda — consulta la entrada sobre las herramientas de inspección de página.
Puede hacer trabajo real, no solo hablar
AI Helper no es solo un generador de código. Ejecuta un flujo de trabajo agéntico: el modelo puede invocar herramientas, inspeccionar la página, abrir una ventana TEMP CSS/JS, poner código en ella y — solo con tu confirmación explícita — guardar una carpeta, un grupo o una regla en tu biblioteca de JustZix.
Una sesión típica se ve así:
Tú: Oculta el popup de newsletter en este sitio.
IA: [query_page] inspecciona el contenedor del popup
IA: [open_temp_pane] + [set_temp_pane_code] coloca CSS de prueba
IA: "Revisa la página — ¿desapareció el popup? ¿Quieres que lo guarde?"
Tú: Sí, guárdalo.
IA: [create_rule] (pide una confirmación explícita)Cada llamada a una herramienta aparece como un «chip» en la ventana, así que siempre ves qué tocó el modelo. El bucle se ejecuta hasta 8 pasos por turno. El desglose completo está en el análisis a fondo de las llamadas a herramientas.
Tus claves siguen siendo privadas
Las llamadas a la API pasan por el service worker en segundo plano de la extensión, nunca por el propio JavaScript de la página. Eso significa que tu clave nunca llega al contexto de la página, y la solicitud esquiva la Content Security Policy de la página. Las claves viven en chrome.storage.local, y cada clave tiene una casilla de sincronización opcional (desactivada por defecto). El modelo de privacidad se explica con honestidad en la entrada sobre claves y privacidad.
Para quién es esto
Si ya escribes tu propio CSS, AI Helper es una forma más rápida de redactar y probar selectores contra un sitio rebelde. Si no escribes CSS en absoluto, es una manera de describir lo que quieres en lenguaje sencillo y acabar con una regla funcional. En cualquier caso, no se guarda nada sin que hagas clic en confirmar.
Consulta también
- Configuración de AI Helper — obtener e introducir tu clave de API
- El flujo de trabajo agéntico de llamadas a herramientas explicado
- Claves de API, privacidad y sincronización
AI Helper está disponible en la versión actual de JustZix — gratis, sin cuenta, Chrome 100+ y los navegadores Chromium. Descarga la extensión, añade una clave y pulsa Ctrl+Alt+\ en cualquier página para conocer a tu nuevo asistente.
Valora este artículo
Sin valoraciones — sé el primero.