Formação Vibe Coding

Programação do zero ao MVP

A Formação Vibe Coding acompanha a construção integral de uma landing page open source de captura de leads. Depois do cadastro, a pessoa segue para um destino configurado, como vídeo ou arquivo. O mesmo sistema evolui da definição do produto à publicação, ao lançamento e à leitura do uso real.

Assinar o Plano IA MakersVoltar para a formação

Como a formação acontece

Uma única construção em quatro semanas

DuraçãoQuatro semanas
EncontrosDe segunda a sexta-feira, com 20 encontros planejados
AulasTrês aulas de 30 a 40 minutos por encontro. Encontros mais densos podem receber uma quarta aula
ExceçãoO encontro do MVPFy é um vídeo contínuo, definido pela entrevista adaptativa
SábadosPodem receber encontros extras opcionais
ProjetoUma landing page de captura de leads, open source e extensível
RitmoUma etapa concluída libera a próxima sem eliminar especificação, testes, segurança, documentação ou validação

Programação semanal

Semana 1 — Fundação do projeto, produto, marca e especificação

Preparar a operação, definir o MVP, construir a identidade da marca, modelar os dados e deixar a aplicação Laravel pronta para receber as entregas funcionais.

  1. Encontro 01

    Configuração completa do projeto

    Entrega: Hub configurado com quatro submódulos, ClickUp preparado, Laravel rodando, MVPFy e Specsfy instalados.

    AulaConteúdo
    Criando o Hub e os submódulos GitRepositório pai, system, marketing, website e brand. Inclui .gitmodules, clone e atualização dos submódulos.
    Configurando ClickUp, backlog e documento-baseProjeto, status, modelo de tarefa, documento-base e conexões com GitHub.
    Criando a aplicação base em LaravelInicialização, variáveis de ambiente, instruções para agentes, execução local e primeiro commit.
    Instalando MVPFy e SpecsfySetup, caminhos de contexto, acesso aos documentos, repositórios, GitHub e ClickUp.

  2. Encontro 02

    Definição completa do MVP com MVPFy

    Entrega: MVP.md consolidado, revisado e disponível como referência de produto e negócio.

    AulaConteúdo
    Vídeo contínuo: construindo o MVP.mdEntrevista adaptativa completa, registro das escolhas, geração e revisão do MVP.md. O encontro separa escopo, hipóteses, recomendações e itens futuros.

  3. Encontro 03

    Nome, identidade e manual da marca com BrandFy

    Entrega: Nome, domínio, logo, paleta, tipografia, voz, tom e manual da marca compartilhados entre os projetos.

    AulaConteúdo
    Nome, domínio e posicionamentoCategoria, posicionamento, nome, domínio, voz, tom e personalidade.
    Logo e direção visualConceito, logo, símbolo, variações, regras de aplicação e organização dos arquivos.
    Tailwind Plus, cores e tipografiaReferências, paleta Tailwind, fontes, hierarquia, contraste e legibilidade.
    Manual da marcaTokens visuais, regras de uso e contexto de leitura para Specsfy e agentes.

  4. Encontro 04

    Modelagem de dados e especificação master com Specsfy

    Entrega: Modelo lógico de dados e especificação master definidos a partir do MVP, da marca e da arquitetura Laravel.

    AulaConteúdo
    Entrevista de modelagem de dadosEntidades, atributos, eventos, dados essenciais, recomendados e futuros.
    Modelo lógico do sistemaAdministradores, página, formulário, leads, origens, consentimentos, destinos, notificações e isolamento de dados.
    Levando o contexto ao SpecsfyMVP.md, modelo de dados, manual da marca, aplicação Laravel e restrições arquiteturais.
    Especificação masterMódulos, fluxos, regras de negócio, condições de aceite, dependências e ordem de implementação.

  5. Encontro 05

    Fundação visual e técnica da aplicação

    Entrega: Laravel com marca aplicada, tokens documentados, componentes básicos e modelo de dados pronto para orientar a implementação.

    AulaConteúdo
    Fundação do LaravelCamadas, diretórios, dependências, padrões de código e contexto técnico dos agentes.
    Tokens da marcaLogo, cores, fontes, espaçamento, bordas e estados visuais.
    Base do design systemBotões, campos, seletores, mensagens, cards, tabelas, modais e menus.
    Primeira interfaceTela inicial, responsividade, revisão e registro das escolhas.

Programação semanal

Semana 2 — Sistema no ar e desenvolvimento com deploy contínuo

Publicar a base com login e avançar cada recurso por especificação, implementação, testes, deploy e validação no endereço público.

  1. Encontro 06

    Docker, servidor e primeiro deploy

    Entrega: Aplicação com login publicada em Docker no servidor de produção.

    AulaConteúdo
    Imagem DockerDockerfile, dependências, build reproduzível, variáveis e teste local.
    Servidor com AnsibleSSH, inventário, variáveis, firewall, Docker e dependências.
    Publicação da baseServiços, rede, volumes, produção, migrações e verificação de saúde.
    Login, logs e rollbackValidação pública, logs, atualização simulada e retorno de versão.

  2. Encontro 07

    Configuração da página e captura dos leads

    Entrega: Página configurável capturando e armazenando leads em produção.

    AulaConteúdo
    Especificação da capturaConteúdo, campos, consentimento, privacidade e condições de aceite.
    Configuração e formulárioÁrea administrativa, conteúdo da página, formulário público e design system.
    Dados no SupabaseTabelas, validação no servidor, origem, data e proteção contra envios inválidos.
    Teste e publicaçãoTestes, revisão por agente, deploy e captura real em produção.

  3. Encontro 08

    Destino em vídeo ou arquivo

    Entrega: Captura redirecionando para vídeo ou arquivo armazenado no Cloudflare R2.

    AulaConteúdo
    Configuração do destinoVídeo, arquivo, campos, regras e estados disponíveis.
    Redirecionamento para vídeoURL, registro da captura, redirecionamento seguro e testes.
    Arquivos no Cloudflare R2Bucket, credenciais, upload, seleção, URL de entrega e indisponibilidade.
    Dois destinos em produçãoJornadas completas, permissões, deploy e validação pública.

  4. Encontro 09

    Administração dos leads e notificações

    Entrega: Leads consultáveis e exportáveis, com e-mail e OneSignal funcionando.

    AulaConteúdo
    Consulta e exportaçãoListagem, paginação, busca, origem, data, detalhes e exportação.
    Notificações por e-mailConfirmação, aviso administrativo, templates, filas, tentativas e falhas.
    Notificações pushOneSignal, administrador, permissões, preferências e testes.
    Revisão e publicaçãoPrivacidade, testes, logs, deploy e validação em produção.

  5. Encontro 10

    Agente, RAG e fechamento funcional

    Entrega: Sistema funcional, testado, documentado e publicado com os itens obrigatórios do MVP.

    AulaConteúdo
    Papel do agenteUso definido no MVP.md, documentos autorizados, limites e segurança.
    Gemini File SearchIndexação, metadados, atualização da base e documentos inválidos.
    Agente com RAGConsulta, resposta, referência às fontes e testes sem fonte suficiente.
    Regressão e versão funcionalJornada completa, segurança, observabilidade, deploy e fechamento do backlog obrigatório.

Programação semanal

Semana 3 — Lapidação, documentação, marketing e site em Astro

Transformar a aplicação funcional em produto apresentável, documentado e acompanhado por uma landing page publicada.

  1. Encontro 11

    Lapidação do produto em produção

    Entrega: Aplicação estável, coerente com a marca e revisada em produção.

    AulaConteúdo
    Auditoria da experiênciaAcesso administrativo, configuração, captura, destinos e mensagens.
    Visual e acessibilidadeManual da marca, tipografia, contraste, responsividade, teclado e formulários.
    Desempenho e observabilidadeConsultas, carregamento, logs, falhas externas e ajustes prioritários.
    Correções e deployRegressão, revisão por agente e publicação estável.

  2. Encontro 12

    Documentação, screenshots e ativos

    Entrega: Documentação utilizável e biblioteca de screenshots e ativos pronta.

    AulaConteúdo
    Documentação para usoAcesso, configuração inicial, página de captura, destino e leads.
    Documentação técnicaArquitetura, submódulos, instalação, variáveis, testes, deploy, licença e contribuição.
    Planejamento de screenshotsTelas, dados de demonstração, resolução e enquadramento.
    Kit de ativosImagens, mockups, demonstrações, site, redes e ativos oficiais.

  3. Encontro 13

    Copy, conteúdo e arquitetura da landing page

    Entrega: Copy completa, wireframe aprovado e pauta de comunicação definida.

    AulaConteúdo
    Mensagem e proposta de valorProblema, público, promessa, benefício e demonstração do fluxo.
    Copy do siteHero, produto, funcionalidades, benefícios, provas, FAQ e CTAs.
    Arquitetura e wireframeSeções, screenshots, jornada de leitura, conversão e versões desktop e mobile.
    Pauta para redesApresentação, bastidores, lançamento, legendas e variações por canal.

  4. Encontro 14

    Desenvolvimento da landing page com Astro

    Entrega: Landing page em Astro pronta para integração e publicação.

    AulaConteúdo
    Projeto AstroInicialização, componentes, páginas, ambiente, Hub e GitHub.
    Marca e design systemCores, fontes, tokens, componentes, cabeçalho, rodapé e CTAs.
    Seções principaisHero, proposta, recursos, funcionamento, screenshots, FAQ e chamada final.
    Responsividade, acessibilidade e SEOTelas, semântica, metadados, compartilhamento, imagens, fontes e desempenho.

  5. Encontro 15

    Integração, métricas e deploy no Cloudflare Pages

    Entrega: Landing page publicada, integrada ao sistema e acompanhada por métricas.

    AulaConteúdo
    Integração da capturaFormulário, Laravel, validação, proteção, origem e redirecionamento.
    Google Analytics e Microsoft ClarityPropriedade, eventos, conversões e proteção de dados sensíveis.
    Cloudflare PagesGitHub, build, variáveis, domínio, DNS, preview e produção.
    Jornada públicaAcesso, captura, registro, entrega, notificações, métricas e novo deploy quando necessário.

Programação semanal

Semana 4 — Lançamento, validação e melhoria orientada por uso real

Colocar o produto em circulação, acompanhar os primeiros usos, corrigir problemas observados e organizar a continuidade do projeto open source.

  1. Encontro 16

    Preparação do lançamento

    Entrega: Produto e materiais prontos para abertura pública.

    AulaConteúdo
    Checklist técnico e operacionalProdução, domínio, certificados, banco, Storage, e-mail, push, backups, logs e alertas.
    Ativos de comunicaçãoScreenshots, mockups, imagens e demonstrações curtas.
    Comunicação de lançamentoMensagem principal, sequência de publicações, redes, grupos, links e destinos.

  2. Encontro 17

    Lançamento público

    Entrega: MVP lançado e acompanhado durante os primeiros usos reais.

    AulaConteúdo
    Versão de lançamentoTag, versão, deploy final da aplicação e do site, e verificação dos ambientes.
    DistribuiçãoPublicações nos canais, compartilhamento do site, demonstração e fontes de tráfego.
    Primeiros acessosGoogle Analytics, Microsoft Clarity, logs, capturas, e-mails, push e redirecionamentos.
    Triagem rápidaSeparação entre erro, dúvida e melhoria. Priorização, correção, teste e redeploy.

  3. Encontro 18

    Métricas, feedback e primeira evolução

    Entrega: Primeira melhoria orientada por dados reais publicada.

    AulaConteúdo
    Leitura do comportamentoFontes de acesso, envio do formulário, abandono e uso dos destinos.
    Organização do feedbackRelatos, sessões, eventos, logs e hipóteses confirmadas ou rejeitadas.
    Melhorias prioritáriasAtualização da especificação, implementação, testes e revisão com agentes.
    Comparação do resultadoDeploy, produção, métricas e documentação da escolha.

  4. Encontro 19

    Release open source e documentação final

    Entrega: Projeto preparado para uso, estudo e contribuição pela comunidade.

    AulaConteúdo
    Primeira release públicaVersão, changelog, licença, exemplos e remoção de segredos e dados de demonstração.
    Documentação técnica finalHub, submódulos, serviços, desenvolvimento, testes, deploy e solução de problemas.
    Documentação do produtoConfiguração da página, captura, leads, destinos e operação.

  5. Encontro 20

    Fechamento da corrida

    Entrega: MVP publicado, documentado e validado, com uma próxima versão definida a partir do uso real.

    AulaConteúdo
    Revisão do cicloDesenho, especificação, implementação, testes, deploy, marca, marketing, site e lançamento.
    Leitura das entregasItens concluídos, qualidade técnica, métricas iniciais, feedback e aprendizados.
    ContinuidadeDébito técnico, melhorias comprovadas, itens fora do MVP e backlog da próxima versão.

Acompanhe a programação completa.

A Formação Vibe Coding está incluída no Plano IA Makers. Fale com o Comercial para confirmar a próxima turma.

Assinar o Plano IA MakersFalar com o Comercial

Área pública disponível

Participe da comunidade no Discord

Entre pelo convite oficial, apresente-se à comunidade e acompanhe os avisos e projetos compartilhados entre os encontros.

Entrar no Discord