Tutoriais
- Primeiros Passos
- First Project
- Aplicações Web
- Aplicações Mobile
- 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
Você Aprenderá:
- Como o Conductor analisa seus requisitos
- Como o Virtuoso constrói sua aplicação
- O fluxo de trabalho de colaboração de agente duplo
- Configuração e setup básico de projeto
Seu Primeiro Projeto com Conductor & Virtuoso
Crie sua primeira aplicação e entenda o fluxo de trabalho de agente duplo
Bem-vindo ao ZBuild Studio! Neste tutorial, você criará sua primeira aplicação usando nosso sistema exclusivo de agente duplo. Ao contrário das ferramentas tradicionais de codificação por IA, o ZBuild usa dois agentes especializados que trabalham juntos: Conductor (seu Gerente de Produto de IA) e Virtuoso (seu Engenheiro Full-Stack de IA).
Ao final deste tutorial, você terá uma aplicação totalmente funcional implantada na web.
Pré-requisitos
- Uma conta no ZBuild Studio (plano Lite ou Pro)
- Entendimento básico do que você deseja construir
- 10-15 minutos do seu tempo
Passo 1: Iniciar um Novo Projeto
Faça login no ZBuild Studio e clique no botão 'New Project'. Você será recebido pelo Conductor, pronto para entender sua visão.
- Navegue até studio.zbuild.io e faça login
- Clique em 'New Project' no painel
- Escolha 'Start from Scratch' ou selecione um template
Passo 2: Descreva sua Aplicação
Diga ao Conductor o que você deseja construir. Seja o mais específico possível - quanto mais detalhes você fornecer, melhor será o resultado.
Eu quero construir um app simples de gerenciamento de tarefas.
- Usuários podem adicionar, editar e excluir tarefas
- Tarefas têm título, descrição e data de entrega
- Tarefas podem ser marcadas como concluídas
- Design de UI limpo e modernoDica Pro Inclua recursos específicos, funções de usuário e quaisquer preferências de design. O Conductor fará perguntas de esclarecimento se necessário.
Passo 3: Revise o Plano de Execução
O Conductor analisa seus requisitos e cria um plano de execução estruturado com critérios de aceitação para cada tarefa.
Reserve um tempo para revisar o plano. Você pode pedir ao Conductor para modificá-lo antes que o Virtuoso comece a construir.
Detalhamento de Tarefas
Seu projeto é dividido em tarefas de implementação gerenciáveis
Critérios de Aceitação
Cada tarefa possui critérios de sucesso claros e verificáveis
Mapeamento de Dependências
As tarefas são ordenadas com base em dependências técnicas
Estimativas de Tempo
Uso aproximado de créditos para cada tarefa
Passo 4: Assista o Virtuoso Construir
Assim que você aprovar o plano, o Virtuoso assume o controle. Assista enquanto o código real é escrito, testado e executado em containers Docker.
- Clique em 'Start Building' para iniciar a execução
- Assista à visualização do código ao vivo enquanto o Virtuoso escreve o código
- Monitore o console para saídas de build e teste
- Veja os critérios de aceitação sendo marcados conforme são aprovados
O Virtuoso detecta e corrige erros automaticamente. A maioria dos problemas é resolvida em 2 a 3 iterações.
Passo 5: Testar e Implantar
Assim que todos os critérios de aceitação forem aprovados, sua aplicação estará pronta para implantação.
- Visualize sua aplicação no visualizador integrado
- Faça quaisquer ajustes finais conversando com o Conductor
- Clique em 'Deploy' para publicar na rede global da Cloudflare
- Obtenha sua URL pública com SSL automático
O Que Você Aprendeu
Parabéns! Você criou com sucesso sua primeira aplicação com o ZBuild Studio.
- Como descrever seu projeto para o Conductor
- Como revisar e aprovar planos de execução
- Como monitorar o processo de construção do Virtuoso
- Como implantar sua aplicação em produção
Próximos Passos
Entendendo os Critérios de Aceitação
Mergulho profundo em como o Conductor cria entregáveis verificáveis
Assistindo o Virtuoso Construir
Aprenda a monitorar e interagir com o engenheiro de IA
Pronto para Construir seu Próximo Projeto?
Agora que você entende o básico, tente construir algo mais complexo!