Tutoriales
- Primeros pasos
- First Project
- Aplicaciones web
- Aplicaciones móviles
- React Native App
- SaaS Platform
- E-commerce Platform
- Real-Time Dashboard
- Location-Based App
- Mobile E-commerce
- Optimizing Sales
- Publishing Your App
- Acceptance Criteria
- Template Business
- Watching Virtuoso
Aprenderás:
- Cómo Conductor analiza tus requisitos
- Cómo Virtuoso construye tu aplicación
- El flujo de trabajo de colaboración de doble agente
- Configuración y configuración básica del proyecto
Tu primer proyecto con Conductor y Virtuoso
Crea tu primera aplicación y comprende el flujo de trabajo de doble agente
¡Bienvenido a ZBuild Studio! En este tutorial, crearás tu primera aplicación utilizando nuestro sistema único de doble agente. A diferencia de las herramientas de codificación de IA tradicionales, ZBuild utiliza dos agentes especializados que trabajan juntos: Conductor (tu Gerente de Producto de IA) y Virtuoso (tu Ingeniero Full-Stack de IA).
Al final de este tutorial, tendrás una aplicación totalmente funcional desplegada en la web.
Requisitos previos
- Una cuenta de ZBuild Studio (plan Lite o Pro)
- Comprensión básica de lo que quieres construir
- 10-15 minutos de tu tiempo
Paso 1: Iniciar un nuevo proyecto
Inicia sesión en ZBuild Studio y haz clic en el botón 'New Project'. Serás recibido por Conductor, listo para entender tu visión.
- Navega a studio.zbuild.io e inicia sesión
- Haz clic en 'New Project' en el panel de control
- Elige 'Start from Scratch' o selecciona una plantilla
Paso 2: Describe tu aplicación
Dile a Conductor lo que quieres construir. Sé lo más específico posible: cuanto más detalle proporciones, mejor será el resultado.
Quiero construir una aplicación sencilla de gestión de tareas.
- Los usuarios pueden añadir, editar y eliminar tareas
- Las tareas tienen un título, descripción y fecha de vencimiento
- Las tareas se pueden marcar como completadas
- Diseño de interfaz de usuario limpio y modernoConsejo profesional Incluye características específicas, roles de usuario y cualquier preferencia de diseño. Conductor hará preguntas aclaratorias si es necesario.
Paso 3: Revisar el plan de ejecución
Conductor analiza tus requisitos y crea un plan de ejecución estructurado con criterios de aceptación para cada tarea.
Tómate el tiempo para revisar el plan. Puedes pedirle a Conductor que lo modifique antes de que Virtuoso comience a construir.
Desglose de tareas
Tu proyecto se divide en tareas de implementación manejables
Criterios de aceptación
Cada tarea tiene criterios de éxito claros y verificables
Mapeo de dependencias
Las tareas se ordenan en función de las dependencias técnicas
Estimaciones de tiempo
Uso aproximado de créditos para cada tarea
Paso 4: Observa cómo construye Virtuoso
Una vez que apruebes el plan, Virtuoso toma el mando. Observa cómo se escribe, prueba y ejecuta código real en contenedores Docker.
- Haz clic en 'Start Building' para comenzar la ejecución
- Observa la vista de código en vivo mientras Virtuoso escribe el código
- Monitorea la consola para ver la salida de construcción y pruebas
- Observa cómo se marcan los criterios de aceptación a medida que se cumplen
Virtuoso detecta y corrige errores automáticamente. La mayoría de los problemas se resuelven en 2-3 iteraciones.
Paso 5: Probar y desplegar
Una vez que se cumplen todos los criterios de aceptación, tu aplicación está lista para el despliegue.
- Previsualiza tu aplicación en el visor integrado
- Realiza los ajustes finales chateando con Conductor
- Haz clic en 'Deploy' para publicar en la red global de Cloudflare
- Obtén tu URL pública con SSL automático
Lo que has aprendido
¡Felicidades! Has creado con éxito tu primera aplicación con ZBuild Studio.
- Cómo describir tu proyecto a Conductor
- Cómo revisar y aprobar planes de ejecución
- Cómo monitorear el proceso de construcción de Virtuoso
- Cómo desplegar tu aplicación a producción
Próximos pasos
Comprendiendo los criterios de aceptación
Profundiza en cómo Conductor crea entregables verificables
Observando la construcción de Virtuoso
Aprende a monitorear e interactuar con el ingeniero de IA
¿Listo para construir tu próximo proyecto?
Ahora que entiendes los conceptos básicos, ¡intenta construir algo más complejo!