¿Los scripts compilan pero la jerarquía está mal? Entrega de UI para desarrolladores de juegos y checklist de MCP
Para programadores de Unity / Godot / Cocos: por qué los scripts de Cursor no arreglan las capas del shell de UI; checklist de aceptación tras importar diseño, cuándo rinden Unity MCP / Godot MCP y lógica de binding tras exportar Prefab desde Studio.
- game-dev-ai
- Unity MCP
- Godot MCP
- Cocos MCP
- Cursor
- game-ui-design
- ui-to-engine
- unity
- godot
- cocos
- mcp
- vberai
- 2026
En el desarrollo indie y de equipos pequeños, el bloqueo habitual no es “no sé escribir C# / GDScript”, sino que los scripts compilan, abres la Scene y nada queda alineado: los botones no reciben clics.
La causa raíz rara vez es un modelo de IA débil. Es mezclar la entrega del shell de UI y la lógica de gameplay en la misma cadena de herramientas. A continuación: modos de fallo comunes, un checklist de aceptación y dónde debe entrar el Engine MCP (Unity MCP / Godot MCP / Cocos MCP) en el pipeline.
Dos trabajos: no fuerces a una sola herramienta de IA a hacer ambos
| Trabajo | Salida típica | Mejor herramienta |
|---|---|---|
| Shell de UI | Árbol de Canvas / Control, Prefab, anchors, nomenclatura de slices | Importación estructurada de diseño (PSD / Figma → motor) |
| Lógica de gameplay | Eventos de botones, stats, máquinas de estado, depuración en Play | Cursor / Claude Code + Engine MCP |
Cursor, Copilot, Claude Code por defecto ven el texto del repositorio. No ven:
- Ediciones de escena sin guardar en el editor
- La selección actual, referencias rotas de prefabs
- La consola y el estado transitorio de UI en modo Play
Así que la IA arregla el .cs mientras Btn_Start sigue sin OnClick en la Hierarchy: eso no es un problema de prompt, es un puente al editor ausente. MCP llena ese hueco. Mapa de categorías: Herramientas de IA para Godot / Unity.
Tras importar la UI: 10 comprobaciones de ingeniería
Después de que el diseño o AI Studio exporte un Prefab, ejecuta esto antes del primer Play (ejemplos de Unity UGUI; Godot / Cocos se mapean de forma similar):
| # | Comprobación | Fallo común |
|---|---|---|
| 1 | Canvas / Control raíz y política de resolución | Canvas Scaler incorrecto; Safe Area en vertical recortada |
| 2 | Área de impacto separada de la decoración | Imagen transparente bloquea el Raycast |
| 3 | Botón normal / pressed / disabled | Solo una imagen estática |
| 4 | Texto mapeado a TMP / Label | Tipografía de pantalla completa, sin localización |
| 5 | Nombres de nodos amigables para scripts (Btn_*, Panel_*) | Layer 47 copy |
| 6 | Anchor / 9-slice y reglas de estirado | El layout se desvía al cambiar de resolución |
| 7 | Atlas y draw calls aceptables | Un PNG sobredimensionado por control |
| 8 | Rutas de importación según las convenciones del proyecto | MCP no encuentra la ruta del Prefab |
| 9 | Commit antes de enlazar la lógica | La IA edita el script; las referencias se pierden |
| 10 | Un Play en 16:9 y en el vertical objetivo | Solo se probó el aspecto de la ventana del Editor |
Importación estructurada vs slice manual: Figma → Unity sin slicing manual, división de UI in-place.
Cuándo instalar Engine MCP
| Situación | Recomendación |
|---|---|
| Cambios de gameplay diarios, Play / Console frecuentes | Instalar el Engine MCP correspondiente |
| La UI aún se reconstruye con slice manual cada semana | Arreglar primero el shell (entrega de AI Studio / especificación), luego MCP |
| Solo scripts, rara vez tocas la Scene | Beneficio limitado de MCP |
| Game Jam, jugable el mismo día | AI Studio para la UI + MCP para los botones (walkthrough) |
Godot MCP es open source: bueno para validar el flujo primero: instalación · cuándo manual vs MCP. Unity / Cocos: paquetes Pro oficiales: instalación de Unity MCP · Cocos 3.x.
Elección entre tres motores: Godot MCP vs Unity MCP vs Cocos MCP.
División recomendada (visión de ingeniería)
Archivo de diseño / arte de UI a pantalla completa
→ AI Studio: importar · dividir · exportar Prefab (Unity / Godot / Cocos)
→ Ingeniería ejecuta las 10 comprobaciones anteriores
→ Cursor + Engine MCP: enlazar OnClick, HUD, stats, depurar en Play
| Tipo de cambio | Ruta |
|---|---|
| Cambio de tema / texto localizado / reskin a pantalla completa | Reexportación desde AI Studio (reskin, traducción) |
| Feel, colisiones, IA, guardados, bugs | MCP + código revisado a mano |
| Números de daño, tipografía pixel | Fuente bitmap o TMP |
Regla general: AI Studio para el shell, MCP para el cableado. No le pidas a MCP construir un HUD entero desde cero; no escribas la FSM de combate dentro de la herramienta de canvas.
Tras cablear MCP: 3 prácticas
- Los prompts deben ser verificables: ruta del Prefab.
- Commits pequeños: un cambio a la vez: “botón Start → cargar nivel”.
- MCP no reemplaza el QA: las ediciones de nodos generadas por el modelo igual necesitan Play; ahorra clics.
Cursor y Claude Code con Unity: guía de flujo de trabajo con Unity MCP, conectar Claude Code a Unity MCP.
Combinación de herramientas y despliegue en una semana: eficiencia de IA en desarrollo de juegos 2026.
FAQ
¿Basta con Cursor o necesito MCP? Basta para scripts; cuando tocas el árbol de la Scene.
¿Puede MCP reemplazar el slicing de UI? No. MCP gestiona objetos dentro del editor; la estructura de UI aún necesita una entrega a nivel de Prefab (AI Studio o flujo de especificación PSD / Figma).
¿Un solo motor y aún así aprender AI Studio? Vale la pena si las revisiones de UI te comen tiempo reconstruyendo el Canvas; si la UI es mínima.
¿Proyecto pequeño en Godot: qué instalar primero? Prueba primero Godot MCP (open source); añade AI Studio cuando la entrega de UI duela.
¿Conflicto con Unity AI UI Generator? Sin conflicto. Unity AI se inclina hacia sprites del editor; para multi-motor o importación estructurada de PSD/Figma.
Seguir leyendo
Más guías que te pueden interesar
VberAI Studio: Ensamblaje de Sprite Sheets vs División de Fotogramas de Video para Unity / Godot / Cocos
VberAI Studio genera video de acción, divide fotogramas en el lienzo y entrega a Unity, Godot y Cocos. Compara sprite sheets de GPT Image y pipelines DIY de código abierto: cuál ahorra tiempo y cuándo usar Studio.
- vberai
- ai-studio
- sprite-frames
- sequence-frames
Guía de instalación de Cocos Creator 2.x MCP: Instala mediante paquetes y conecta un IDE de IA
Instala VberAI Cocos Creator 2.x MCP Pro paso a paso: descomprime en la carpeta packages, reinicia y activa, inicia el servidor MCP local y verifica la conexión en Cursor, Claude, Codex u otros IDE de IA compatibles con MCP.
- cocos
- cocos-creator
- mcp
- cursor
Eliminación de fondo gratis en VberAI: recortes con Glow / VFX / semitransparentes con PNG + Alpha
VberAI AI Super Matting: matting gratis para FX de glow, eliminación de fondo con IA hasta 4096×4096 y Super AI para pelo, bordes semitransparentes y sombras con PNG + Alpha.
- vberai
- ai-super-matting
- matting
- super-matting