> For the complete documentation index, see [llms.txt](https://docs.decentraland.org/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.decentraland.org/creator/content-creator-es/escenas-sdk7/primeros-pasos/vibe-coding.md). # Vibe Coding con IA Crea escenas de Decentraland describiendo lo que quieres. Un asistente de IA se encarga del código de SDK7, la arquitectura ECS y la estructura del proyecto por ti. Tanto si eres un creador primerizo como un desarrollador experimentado, el «vibe coding» asistido por IA te permite pasar de una idea a una escena en funcionamiento en minutos en lugar de horas. {% hint style="info" %} **💡 Consejo**: No necesitas saber TypeScript para empezar. Los asistentes de IA pueden generar código de escena funcional a partir de descripciones en lenguaje natural. {% endhint %} ## ¿Qué es el Vibe Coding? El vibe coding significa crear escenas manteniendo una conversación con un asistente de IA en lugar de escribir cada línea de código a mano. Describes lo que quieres — "una taberna medieval con puertas clicables y música de fondo" — y la IA escribe código de SDK7 correcto y listo para desplegar. Este enfoque funciona para cualquier nivel de experiencia: * **Principiantes y no desarrolladores** — Pasa de cero a una escena funcional sin escribir código manualmente. * **Desarrolladores experimentados** — Omite el código repetitivo. Deja que la IA se encargue de la sincronización multiplayer, la estructura inicial de la UI y la configuración de deployment mientras tú te concentras en las decisiones creativas. * **Equipos y estudios** — Prototipa conceptos de escena rápidamente antes de comprometer recursos completos de desarrollo. ## Combina un editor de código con IA Usa un editor de código de IA de propósito general como [Cursor](https://www.cursor.com/) o VS Code con GitHub Copilot o Claude AI. Decentraland proporciona una carpeta de contexto para que estas herramientas comprendan el SDK. 1. Abre el Creator Hub y crea o abre una escena. 2. Haz clic en los **< > CÓDIGO** botón para abrir tu editor de código. 3. Usa el asistente de IA integrado del editor (el chat de Cursor, Copilot, etc.) para generar o modificar código. ## Instala Skills para cualquier agente de IA Skills son conjuntos de instrucciones listos para usar que enseñan a tu agente de IA cómo trabajar con el Decentraland SDK. Cada skill cubre un tema específico, como crear escenas, añadir modelos 3D o configurar multiplayer, así que la IA ya conoce los patrones, las API y las restricciones correctas sin que tengas que explicárselos. Instalar skills significa menos errores y mejores resultados desde el primer prompt. ```bash # Elige qué skills de Decentraland instalar desde un selector interactivo npx skills add decentraland/sdk-skills # O instala todas las skills de Decentraland npx skills add decentraland/sdk-skills --all # O elige skills específicas npx skills add decentraland/sdk-skills --skill create-scene # Instálalo globalmente (disponible en todos los proyectos) npx skills add decentraland/sdk-skills -g ``` Esto copia los archivos de skills en la configuración de tu agente para que conozca los patrones y las restricciones de Decentraland. ## Skills de IA disponibles Cuando instalas skills en tu agente, están disponibles las siguientes capacidades: | Skill | Qué hace | | ---------------------- | -------------------------------------------------------------------------------------- | | `sdk-scenes` | Punto de entrada con directrices para el agente e índice de todas las skills temáticas | | `create-scene` | Genera la estructura inicial de un nuevo proyecto de escena SDK7 desde cero | | `migrate-sdk6-to-sdk7` | Porta una escena heredada de SDK6 a SDK7 | | `add-3d-models` | Añade modelos 3D (`.glb`/`.gltf`) con posicionamiento, escala y colliders | | `add-interactivity` | Eventos de Pointer, triggers, raycasts | | `build-ui` | UI 2D en espacio de pantalla con React-ECS — HUDs, menús, diálogos | | `animations-tweens` | Animaciones de modelos GLTF con Animator, tweens del SDK | | `multiplayer-sync` | Multiplayer peer-to-peer usando networking CRDT | | `authoritative-server` | Headless Multiplayer Server para escenas validadas por el Server (BETA) | | `audio-video` | Efectos de sonido, música, audio streaming y reproductores de video | | `audio-analysis` | Datos de amplitud y frecuencia en tiempo real para escenas reactivas al audio | | `deploy-scene` | Despliega escenas en Genesis City (basado en LAND) | | `deploy-worlds` | Despliega escenas en Worlds (espacios 3D personales) | | `optimize-scene` | Optimización del rendimiento, límites de escena y mejores prácticas | | `camera-control` | Detección del modo de cámara, cámara cinematográfica, cámaras virtuales | | `composites` | Referencia del formato de archivo Composite para contenido estático de escena | | `lighting-environment` | Iluminación dinámica, sombras, skybox, niebla y ajustes del entorno | | `particle-system` | Efectos de partículas — fuego, humo, chispas, nieve, fuegos artificiales | | `npcs` | Personajes no jugadores — biblioteca NPC Toolkit y enfoques manuales | | `player-avatar` | Posición del jugador, perfil, personalización del avatar, attachments | | `player-physics` | Fuerzas de física — impulsos, retroceso, fuerzas continuas | | `nft-blockchain` | Visualización de NFT e interacciones blockchain/crypto | | `advanced-rendering` | Billboard, TextShape, materiales PBR y materiales de video | | `advanced-input` | Lectura de input a nivel de System y control del movimiento del jugador | | `scene-runtime` | APIs transversales de runtime — trabajo async, HTTP y mensajería | | `script-components` | Clases de componentes Script para Creator Hub | | `game-design` | Patrones de diseño de juegos, límites de escena y presupuestos de rendimiento | Nota: Algunas de estas skills implican obtener modelos 3D u otros assets de catálogos de assets gratuitos. El agente de IA siempre debe obtener confirmación del usuario antes de descargar cualquier asset nuevo para un proyecto de escena. ## Consejos para hacer prompts eficaces Obtener los mejores resultados de la IA consiste en dar prompts claros y específicos. Aquí tienes algunos consejos: ### Sé específico sobre lo que quieres En lugar de: > "Haz que mi escena sea mejor" Prueba con: > "Añade una puerta en la posición (8, 0, 8) que se abra con una animación de rotación al hacer clic y reproduzca un efecto de sonido de chirrido" ### Haz referencia a elementos existentes > "Haz que el botón rojo de la mesa active que el ascensor suba" ### Pide una cosa a la vez Divide las solicitudes complejas en pasos: 1. "Añade una UI de marcador en la esquina superior derecha" 2. "Añade un contador que aumente cuando el jugador haga clic en el objetivo" 3. "Muestra el valor del contador en el marcador" ### Incluye restricciones > "Añade música de fondo que se repita en bucle, pero mantén el tamaño del archivo por debajo de 1 MB" ### Itera y refina Después de cada cambio: 1. Previsualiza la escena (haz clic en **Preview** en Creator Hub, o `npm run start` en la línea de comandos) 2. Comprueba qué funciona y qué no 3. Dile a la IA qué ajustar: "Mueve el NPC 2 metros a la izquierda y haz que mire al jugador" ## En qué puede ayudar la IA * Generar la estructura inicial de nuevas escenas a partir de una descripción * Añadir y posicionar modelos 3D * Escribir manejadores de clic e interactividad * Crear UI (HUDs, menús, diálogos) * Configurar la sincronización multiplayer * Configurar el Multiplayer Server para anti-cheat * Añadir audio, video y streaming * Crear animaciones y tweens * Optimizar el rendimiento de la escena * Preparar escenas para deployment * Depurar problemas en código existente ## Limitaciones Aunque las herramientas de IA son potentes, ten esto en cuenta: * **Previsualiza siempre** — El código generado por IA puede no verse exactamente como esperas. Ejecuta un Preview para verificarlo. * **Los límites de escena siguen aplicándose** — La IA no puede eludir las [limitaciones de escena](/creator/content-creator-es/escenas-sdk7/optimizacion/scene-limitations.md) (conteo de triángulos, tamaños de archivo, límites de parcelas). * **Lógica de juego compleja** — Para mecánicas de juego intrincadas, puede que necesites guiar a la IA paso a paso o refinar su salida manualmente. * **Modelos 3D personalizados** — La IA puede referenciar assets gratuitos existentes o cargar modelos que tú proporciones, pero no puede crear modelos 3D desde cero. ## Siguientes pasos * [Inicio rápido de SDK](/creator/content-creator-es/escenas-sdk7/primeros-pasos/sdk-101.md) — Aprende los fundamentos de SDK7 * [Combina con código](/creator/content-creator-es/scene-editor/extender-con-codigo/overview.md) — Combina edición visual con código * [Server Multiplayer](/creator/content-creator-es/escenas-sdk7/redes/authoritative-servers.md) — Multiplayer con autoridad del Server * [Ejemplos de escenas](https://studios.decentraland.org/resources?sdk_version=SDK7) — Explora escenas de ejemplo para inspirarte --- # Agent Instructions This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com. ## Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter: ``` GET https://docs.decentraland.org/creator/content-creator-es/escenas-sdk7/primeros-pasos/vibe-coding.md?ask=&goal= ``` `ask` is the immediate question: it should be specific, self-contained, and written in natural language. `goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.