> 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/scenes-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 principiante como un desarrollador experimentado, el "vibe coding" asistido por IA te permite pasar de una idea a una escena en ejecución en minutos en lugar de horas. {% hint style="info" %} **💡 Consejo**: No necesitas saber TypeScript para empezar. Los asistentes de IA pueden generar código funcional de escenas a partir de descripciones en lenguaje natural. {% endhint %} ## ¿Qué es el Vibe Coding? Vibe coding significa construir escenas teniendo 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 correcto y desplegable de SDK7. Este enfoque funciona en cualquier nivel de habilidad: * **Principiantes y no desarrolladores** — Pasa de cero a una escena funcional sin escribir código manualmente. * **Desarrolladores con experiencia** — Omite el boilerplate. Deja que la IA se encargue de la sincronización multiplayer, la estructura de la UI y la configuración de despliegue mientras tú te concentras en las decisiones creativas. * **Equipos y estudios** — Prototipa conceptos de escenas rápidamente antes de comprometer recursos de desarrollo completos. ## 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 entiendan el SDK. 1. Abre Creator Hub y crea o abre una escena. 2. Haz click en el **< > CODE** botón para abrir tu editor de código. 3. Usa el asistente de IA integrado en el editor (el chat de Cursor, Copilot, etc.) para generar o modificar código. ## Instala Skills para cualquier agente de IA Las Skills son conjuntos de instrucciones listos para usar que enseñan a tu agente de IA cómo trabajar con el SDK de Decentraland. Cada skill cubre un tema específico, como crear escenas, añadir modelos 3D o configurar multiplayer, para que la IA ya conozca los patrones, las API y las restricciones correctas sin que tengas que explicárselas. Instalar skills significa menos errores y mejores resultados desde el primer prompt. ```bash # Instala todas las skills de Decentraland npx skills add decentraland/sdk-skills # O elige skills específicas npx skills add decentraland/sdk-skills --skill create-scene # Instala globalmente (disponible en todos los proyectos) npx skills add decentraland/sdk-skills -g ``` Esto copia los archivos de la skill 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 las directrices del agente y el índice de todas las skills por tema | | `create-scene` | Estructura un nuevo proyecto de escena de SDK7 desde cero | | `add-3d-models` | Añadir modelos 3D (`.glb`/`.gltf`) con posicionamiento, escalado, colliders | | `add-interactivity` | Eventos de Pointer, triggers, raycasts | | `build-ui` | UI en espacio de pantalla 2D con React-ECS — HUDs, menús, diálogos | | `animations-tweens` | Animaciones de modelos GLTF con Animator, tweens de SDK | | `multiplayer-sync` | Multiplayer peer-to-peer usando redes CRDT | | `authoritative-server` | Servidor autoritativo sin interfaz para multiplayer (BETA) | | `audio-video` | Efectos de sonido, música, streaming de audio y reproductores de video | | `deploy-scene` | Desplegar escenas en Genesis City (basado en LAND) | | `deploy-worlds` | Desplegar escenas en Worlds (espacios 3D personales) | | `optimize-scene` | Optimización del rendimiento, límites de escena, 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 escenas | | `lighting-environment` | Iluminación dinámica, sombras, skybox, niebla, ajustes de entorno | | `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 físicas — impulsos, retroceso, fuerzas continuas | | `nft-blockchain` | Visualización de NFT e interacciones con blockchain/cripto | | `advanced-rendering` | Billboard, TextShape, materiales PBR, materiales de video | | `advanced-input` | Sondeo de entrada a nivel de sistema y control del movimiento del jugador | | `scene-runtime` | API de runtime transversales — trabajo asíncrono, HTTP, mensajería | | `script-components` | Clases de componentes de script para Creator Hub | | `game-design` | Patrones de diseño de juegos, límites de escena, 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 nuevos assets en un proyecto de escena. ## Consejos para hacer prompts efectivos 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: > "Añade una puerta en la posición (8, 0, 8) que se abra con una animación de rotación cuando se haga clic en ella 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 **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 * Estructurar nuevas escenas a partir de una descripción * Añadir y posicionar modelos 3D * Escribir controladores de clic e interactividad * Construir UI (HUDs, menús, diálogos) * Configurar la sincronización multiplayer * Configurar servidores autoritativos para anti-cheat * Añadir audio, video y streaming * Crear animaciones y tweens * Optimizar el rendimiento de la escena * Preparar escenas para el despliegue * 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 una previsualización para verificarlo. * **Los límites de escena siguen aplicando** — La IA no puede eludir los [limitaciones de la scene](/creator/content-creator-es/scenes-sdk7/optimizacion/scene-limitations.md) de Decentraland (conteo de triángulos, tamaños de archivo, límites de parcela). * **Lógica de juego compleja** — Para mecánicas de juego intrincadas, puede que necesites guiar a la IA paso a paso o refinar su resultado manualmente. * **Modelos 3D personalizados** — La IA puede hacer referencia a 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/scenes-sdk7/primeros-pasos/sdk-101.md) — Aprende los fundamentos de SDK7 * [Combinar con código](/creator/content-creator-es/scene-editor/extiende-con-codigo/overview.md) — Mezcla la edición visual con código * [Servidores autoritativos](/creator/content-creator-es/scenes-sdk7/networking/authoritative-servers.md) — Multiplayer autoritativo por servidor * [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/scenes-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.