Cómo crear un juego en Roblox con IA y Thrixel

Thrixel genera los modelos 3D, Build World guía al agente de programación y Rojo sincroniza el código del juego con Roblox Studio.

Antes de empezar, debes tener instalado Roblox Studio y disponer de una cuenta de Roblox.

Build a Gigacorp, un juego de Roblox creado con la habilidad Build World de Thrixel.

1. Instalar Rojo con VS Code

  1. Instala Visual Studio Code (VS Code).
  2. Instala la extensión Rojo - Roblox Studio Sync para VS Code.
  3. En VS Code, ve a File > Open Folder y abre una carpeta vacía para el juego.
  4. Pulsa Ctrl + Shift + P (Cmd + Shift + P en Mac) para abrir la paleta de comandos. Escribe «Rojo» y selecciona Rojo: Open Menu.
  5. Si el menú indica que Rojo no está instalado, haz clic en Install Rojo now.
  6. Haz clic en Install Roblox Studio Plugin. Si Studio está abierto, reinícialo. Rojo debería aparecer en la pestaña Plugins de Studio.

2. Añadir la habilidad Build World

Iniciar sesión

Inicia sesión en Thrixel antes de instalar la habilidad. El comando es el mismo para todos los agentes y requiere uv. Si uv no está instalado, ejecuta el comando correspondiente a tu sistema operativo en una terminal:

macOS, Linux, WSL
curl -LsSf https://astral.sh/uv/install.sh | sh
Windows PowerShell
irm https://astral.sh/uv/install.ps1 | iex

Ejecuta el siguiente comando para iniciar sesión. Cuando se abra la página del navegador, haz clic en Approve para conectar tu cuenta de Thrixel.

Iniciar sesión en Thrixel
uvx thrixel-mcp@latest login

Instalar Build World

Elige tu agente de programación a continuación. Build World necesita tanto la habilidad, que proporciona las instrucciones, como el servidor MCP de Thrixel, que proporciona las herramientas para generar recursos.

Claude Code

Ejecuta estos comandos en una terminal para instalar el complemento de Thrixel. Incluye tanto la habilidad como el servidor MCP.

Terminal
claude plugin marketplace add thrixel/build-world
claude plugin install thrixel@thrixel

Ejecuta claude plugin list y comprueba que thrixel@thrixel esté habilitado. Después ejecuta claude mcp list y comprueba que plugin:thrixel:thrixel esté conectado. Inicia una nueva sesión de Claude Code tras la instalación.

Codex

Ejecuta estos comandos en una terminal para instalar el complemento en Codex:

Terminal
codex plugin marketplace add thrixel/build-world
codex plugin add thrixel@thrixel

Ejecuta codex plugin list y comprueba que thrixel@thrixel esté instalado y habilitado en el marketplace de Thrixel. Ejecuta codex mcp list para comprobar que thrixel esté habilitado. Inicia una nueva sesión de Codex para cargar el complemento.

Para las versiones de Codex sin soporte para complementos, sigue las instrucciones de instalación manual.

Cursor

Añade esta configuración a ~/.cursor/mcp.json. Si el archivo ya contiene una sección mcpServers, añade la entrada thrixel sin reemplazar las existentes.

Configuración MCP de Cursor
{
  "mcpServers": {
    "thrixel": {
      "type": "stdio",
      "command": "uvx",
      "args": ["thrixel-mcp@latest"]
    }
  }
}

Después, instala la habilidad con los comandos correspondientes a tu sistema operativo:

macOS, Linux, WSL
git clone https://github.com/thrixel/build-world ~/.thrixel/build-world
mkdir -p ~/.cursor/skills
ln -s ~/.thrixel/build-world/skills/build-world ~/.cursor/skills/build-world
Windows PowerShell
git clone https://github.com/thrixel/build-world "$HOME\.thrixel\build-world"
New-Item -ItemType Directory -Force "$HOME\.cursor\skills" | Out-Null
New-Item -ItemType Junction -Path "$HOME\.cursor\skills\build-world" -Target "$HOME\.thrixel\build-world\skills\build-world"

Reinicia Cursor. Comprueba que aparezca thrixel en Settings > MCP; después escribe / en el chat de Agent y busca build-world.

Gemini CLI

Ejecuta estos comandos en una terminal para registrar el servidor MCP de Thrixel e instalar la habilidad:

Terminal
gemini mcp add -s user --trust thrixel uvx -- thrixel-mcp@latest
gemini skills install https://github.com/thrixel/build-world --path skills/build-world

Inicia una nueva sesión de Gemini CLI. Ejecuta /mcp para comprobar que aparezca thrixel y /skills list para buscar build-world.

La guía de configuración de Build World también explica las instalaciones manuales, las actualizaciones y las instalaciones existentes.

3. Configurar Roblox Studio

Activa el servidor MCP de Studio para que el agente pueda ejecutar código en Studio y tomar capturas del juego.

  1. Abre Roblox Studio y crea una nueva Baseplate. Esto crea un lugar, el archivo de Roblox que contiene el mundo del juego.
  2. Haz clic en el icono Assistant situado en la esquina superior derecha de la ventana.
  3. En el panel de Assistant, abre … > Settings > Manage MCP Servers. Activa Enable Studio as MCP server. Un indicador verde confirma que está funcionando.

4. Crear una clave de API de Roblox

Rojo no sincroniza archivos de modelos 3D. El agente utiliza una clave de API de Roblox para subirlos por separado.

  1. Ve a tu página de credenciales del Creator Hub y haz clic en Create API Key.
  2. En Access Permissions, añade el sistema de API Assets. Elige tu cuenta como propietaria y habilita Read y Write.
  3. En Accepted IP Addresses, añade 0.0.0.0/0 o desactiva las restricciones de IP. Si este campo queda vacío, no se podrán completar las cargas.
  4. Como esta clave permite el acceso desde cualquier dirección IP, establece una caducidad corta, por ejemplo, de 30 días.
  5. Haz clic en Save y copia la clave. Solo se muestra una vez.
  6. Guarda la clave en un archivo llamado roblox_api_key.txt dentro de la carpeta del juego. No incluyas este archivo en Git.

5. Iniciar el servidor

Iniciar el servidor desde VS Code

  1. En VS Code, abre la paleta de comandos con Ctrl + Shift + P (Cmd + Shift + P en Mac). Escribe «Rojo» y selecciona Rojo: Open Menu.
  2. Si la carpeta no contiene un proyecto de Rojo, haz clic en Create one now. Rojo añade default.project.json y las carpetas iniciales del juego.
  3. En Projects in this workspace, haz clic en el nombre del proyecto, junto al icono de reproducción.

Una ventana emergente en la esquina inferior derecha de VS Code confirma que el servidor está escuchando en localhost, en el puerto 34872. Para detenerlo, abre el menú de Rojo y vuelve a hacer clic en el proyecto. El icono de reproducción cambia a uno de parada mientras el servidor está activo.

Conectar Roblox Studio al servidor

  1. Vuelve al lugar Baseplate en Roblox Studio.
  2. Abre la pestaña Plugins y haz clic en Rojo.
  3. Deja la dirección en localhost y el puerto en 34872, salvo que el servidor indique otro puerto.
  4. Haz clic en Connect.
  5. En «Sync changes for project», revisa los cambios que Rojo realizará en el lugar y haz clic en Accept.

La ventana de Rojo muestra ahora el nombre del proyecto, la dirección del servidor y un botón Disconnect. Studio está conectado y listo para recibir cambios.

Si Studio no puede conectarse, abre http://localhost:34872/ en un navegador. Una página de estado de Rojo confirma que el servidor está funcionando.

6. Crear el juego

Thrixel Cubes

Thrixel cobra Cubes por generar recursos 3D. El total depende de las operaciones utilizadas y del número de recursos del juego. Algunas operaciones tienen un coste fijo y otras se miden y se cobran después de ejecutarse. Crear un juego completo también puede consumir una parte considerable de los límites del plan del agente de programación. Comprueba tu saldo antes de iniciar un proyecto grande y consulta las tarifas actuales en la web de Thrixel.

Ejecutar Build World

  1. Abre el agente de programación en la carpeta que contiene el proyecto de Rojo.
  2. Empieza un mensaje con el comando de Build World de tu agente:
    AgenteComando
    Claude Code/thrixel:build-world
    Codex$build-world
    Cursor/build-world
    Gemini CLI/build-world
  3. Describe el juego después del comando. Incluye «Roblox» para que la habilidad use el motor adecuado.
  4. Menciona que Rojo ya está ejecutándose e indica el puerto para que el agente no inicie un segundo servidor.

En Codex, escribe $build y elige build-world en el selector de habilidades antes de añadir la descripción del juego.

Ejemplo de prompt para Claude Code
/thrixel:build-world crea un juego de obstáculos en Roblox ambientado en islas flotantes. Rojo y su complemento de Studio ya están configurados, y Rojo sirve esta carpeta en el puerto 34872, así que no inicies otro servidor.

Aceptar cambios en Roblox Studio

La conexión inicial de Rojo es el paso de aprobación. Una vez conectado, Rojo sincroniza los cambios en cuanto el agente los guarda en disco.

  • Al conectar: Rojo enumera las diferencias entre los archivos y el lugar. Haz clic en Accept para aplicarlas o en Abort para cancelar la conexión. Si no hay diferencias, se conecta sin preguntar.
  • Mientras trabaja el agente: Los scripts nuevos y editados aparecen automáticamente en Studio. Si Studio se cerró o se desconectó, vuelve a hacer clic en Connect cuando el agente lo pida. El agente no puede reconectar Rojo por sí mismo.
  • Para revisar los cambios: Haz clic en la hora del último cambio en la ventana de Rojo para abrir View changes. Se muestran los cambios aplicados y los que fallaron. Los cambios de Rojo también aparecen en el historial de deshacer de Studio.

Para revisar un conjunto de cambios antes de sincronizarlos, abre Settings en la ventana de Rojo y establece Confirmation Behavior en Always. Haz clic en Disconnect, deja que el agente termine y después haz clic en Connect para revisar los cambios juntos. Esta revisión se hace al conectar. Los cambios guardados durante una conexión activa siguen sincronizándose automáticamente.

Hay dos cosas que requieren atención manual:

  • Guarda las importaciones. Rojo sincroniza scripts e instancias. El agente sube los modelos 3D por separado y los inserta en ReplicatedStorage.Assets, por lo que no se guardan en los archivos del proyecto. Usa File > Save en Studio para conservarlos.
  • Edita los scripts sincronizados en los archivos del proyecto. La sincronización bidireccional de Rojo está desactivada por defecto. Las ediciones de estos scripts en Studio no llegan a los archivos y pueden sobrescribirse.

7. Publicar el juego

Usa File > Publish to Roblox en Studio cuando el juego esté listo para compartir.