[← Todas las novedades](/es/news)Recetas

# Crea visualizadores musicales con IA usando Claude, ChatGPT o Gemini

![Crea visualizadores musicales con IA usando Claude, ChatGPT o Gemini](/_astro/Screenshot-2026-05-13-at-1.10.02-PM-copy.BTB9XGX9_207VK8.webp)

_Un visualizador inspirado en Bridget Riley, reactivo al audio, funcionando en Visibox_

Si tienes una suscripción a Claude, ChatGPT o Gemini, también tienes un programador de shaders personal para tus visuales en directo y reactivos al audio. Conecta tu asistente de IA a [Visibox](https://spaceage.tv) una sola vez y luego describe en lenguaje natural el visual que quieres. La IA escribe el shader, Visibox lo muestra en directo y tú vas iterando hasta que se vea tal como lo escuchas.

Sin GLSL. Sin línea de comandos. Sin compilar. Sin programar.

### Lo que necesitas

-   **Visibox 5.0 o posterior**
-   **Un asistente de IA que hable el [Model Context Protocol](https://modelcontextprotocol.io)**, como:
    -   Claude Desktop o Claude Code (Anthropic)
    -   Codex (la app de escritorio de OpenAI que viene con ChatGPT Plus, Pro, Team y Enterprise)
    -   Gemini CLI (Google)
    -   Cursor, VS Code, Zed, Windsurf o Cline

### Conéctalo una vez

Asegúrate de que Visibox esté abierto, para que el asistente de IA pueda conectarse.

Luego abre **Ajustes → Conectar con herramientas de IA…** (en el menú Visibox en macOS, en el menú Archivo en Windows). Visibox busca las herramientas de IA instaladas y se instala automáticamente en cada una. Reinicia tu app de IA y ya estás conectado.

Configuración completa: [manual.spaceage.tv/5.0.0/integrations/ai](https://manual.spaceage.tv/5.0.0/integrations/ai).

![Visibox como conector en Claude, con herramientas de Visibox como visibox\_get\_projects en Always allow](/_astro/Screenshot-2026-05-13-at-1.06.58-PM.BBxyS1U6_8vTTW.webp)

_Los Ajustes de Claude Desktop mostrando Visibox en “Connectors”_

### Una receta: visualizador op-art reactivo al audio

El op-art es un gran punto de partida porque es geométrico, de alto contraste, y los shaders ISF son realmente buenos para ello. Bridget Riley, Victor Vasarely, moiré, anillos concéntricos. Empezaremos en blanco y negro puro porque se lee al instante, y luego añadiremos color en el Prompt 3. ISF maneja color completo, degradados y cualquier otra cosa que pueda dibujar un fragment shader. El aspecto de cualquier preset viene de lo que pides, no de ningún límite del formato.

Abre el **Editor de visualizadores** en Visibox antes de enviar tu primer prompt. A medida que la IA escribe el shader, verás cómo se va llenando el código y cómo la vista previa en directo se actualiza en tiempo real. Ese bucle de retroalimentación es lo que hace que esto sea divertido.

#### Prompt 1: Crear

> _“Conéctate a Visibox y crea un nuevo visualizador ISF inspirado en el op-art de Bridget Riley. Anillos concéntricos de alto contraste sobre fondo negro que pulsan hacia fuera con los graves. Blanco y negro puro, sin color.”_

La IA debería conectarse al servidor MCP de Visibox, elegir el motor de visualizadores (ISF), generar un fragment shader, registrar la entrada de audio y añadirlo a tu proyecto. Esto puede tardar varios minutos mientras el asistente trabaja.

Ahora aparecerá un nuevo preset en “Mis visualizadores” en la ventana de Visualizadores (Mac: Visibox > Visualizadores… o Windows: Archivo > Visualizadores…). Visibox incluye una canción integrada que puedes reproducir para audicionar tus presets mientras los creas. Pulsa el botón de “reproducir” que se superpone a la vista previa para iniciarla. También puedes reproducir cualquier audio contenido en cualquiera de tus proyectos abiertos.

![Ventana del Editor de visualizadores de Visibox](/_astro/Visibox-s-Visualizers-Editor-Window.DTLkjniF_Z3ga8p.webp)

_La ventana del Editor de visualizadores de Visibox_

#### Prompt 2: Iterar

Mi primera iteración no reaccionaba al audio en absoluto. Decirle a la IA exactamente eso (“no parece estar reaccionando al audio en absoluto”) bastó para arreglarlo. Cuando algo no esté bien, describe lo que estás viendo y deja que la IA lo intente de nuevo.

> _“Añade una rotación lenta en sentido horario. Haz que los anillos se deformen en una onda moiré cuando los agudos suban de golpe.”_

#### Prompt 3: Reestilizar

> _“Ahora dale calidez. Anillos ámbar sobre negro profundo, con un brillo suave alrededor del anillo más interno.”_

Cada prompt reescribe el shader. El editor se actualiza. El visualizador sigue reaccionando a lo que sea que esté sonando. Cuando te guste lo que ves, guárdalo en tu biblioteca, colócalo en una Canción y es tuyo para el próximo show.

#### Más sugerencias de prompts

> _“Hagamos un duplicado de este preset y experimentemos con el color.”_  
> _“Quiero que esto se sienta más orgánico. Añade capas ajustables de desenfoque, grano y aberración cromática.”_  
> _“¿Qué más podemos hacerle a este preset para que sea más interesante?”_

O adjunta una imagen a tu chat y pregunta:

> _“Usemos esta imagen como inspiración para un nuevo visualizador de Visibox. ¿Qué sugerirías a partir de lo que ves aquí?”_

### Por qué ISF es el punto justo

ISF no es más que un fragment shader con una pequeña cabecera JSON que declara sus entradas. El audio viene integrado: `audio` para la forma de onda, `audioFFT` para el espectro de frecuencias. Los modelos de IA conocen bien GLSL, las entradas de audio están estandarizadas y el shader es un único archivo autocontenido. Ese es un objetivo casi ideal para la generación a partir de prompts. [MilkDrop](https://manual.spaceage.tv/search/?q=milkdrop) también funciona, pero requiere más insistencia.

### Prueba esto a continuación

Misma configuración, distinto prompt. Cinco para empezar:

-   **Mandala de caleidoscopio** que se abre como una flor al ritmo
-   **Líneas de barrido CRT retro** con aberración cromática en los golpes de graves
-   **Curva de Lissajous reactiva al audio** dejando una estela por la pantalla
-   **Teselación geométrica** que se subdivide en los picos transitorios
-   **Campo de gotas tipo lámpara de lava** que se transforma con los medios

La especificidad ayuda. “Lento, hipnótico, mayormente oscuro, un solo color de acento” te da un shader distinto a “rápido, glitchy, neón, caos total.” Dile a la IA qué ambiente quieres, no solo la geometría.

### La cuestión

La mayoría del software de VJ quiere que elijas de una biblioteca de presets. Visibox te deja describir un visual y que se construya al instante, en el editor, mientras lo miras. Con una suscripción de IA que ya pagas y una configuración única, tu biblioteca de visualizadores deja de ser una lista de las ideas de otra persona y empieza a ser una lista de las tuyas.

Conéctalo una vez en **Ajustes → Conectar con herramientas de IA…** y luego pide lo que quieras ver.

* * *

_¿Quieres controlar algo más que solo los visualizadores? La misma conexión permite que tu IA construya efectos, organice canciones, intercambie clips y dirija tu show en lenguaje natural. Consulta [Asistentes de IA en el manual de Visibox](https://manual.spaceage.tv/5.0.0/integrations/ai) para ver el panorama completo._

Compartir

[⊙ Pruébalo gratisDescarga VisiboxPrueba Pro de 14 días · sin tarjeta](/es/downloads)

Síguenos

-   [Discord →](/discord)
-   [Reddit →](https://www.reddit.com/r/visibox/)
-   [Instagram →](https://www.instagram.com/spaceage.visibox)
-   [TikTok →](https://www.tiktok.com/@spaceage.visibox)
-   [YouTube →](https://www.youtube.com/@spaceage)
-   [Únete a la lista de correo →](/es/mailinglist)

Recipes, How To, ai, visualizers, ISF

## Sigue leyendo

![ChatGPT programó mi visualizador de Stranger Things](/_astro/StrangerVisualizer_play.Cy8ibYD6.jpg)

Tutoriales

### [ChatGPT programó mi visualizador de Stranger Things](/es/news/chatgpt-wrote-my-stranger-things-visualizer)

![Creación de visuales para conciertos con IA](/_astro/AI-eye.Bbs8USfm.jpg)

Tutoriales

### [Creación de visuales para conciertos con IA](/es/news/creating-concert-visuals-with-ai)

![Cómo crear imágenes con código generado por IA (sin necesidad de programar)](/_astro/Screenshot-2026-02-25-at-2.07.30-E2-80-AFPM.BuZJosP1.png)

Tutoriales

### [Cómo crear imágenes con código generado por IA (sin necesidad de programar)](/es/news/creating-motion-graphic-visuals-with-ai-code)
