Como criar um app com IA do zero | Vibe Coding com Claude Code

Construção de um app real com Claude Code

Criar um aplicativo do zero hoje não éxige mais semanas de planejamento nem dezenas de arquivos abertos em um editor de código. É possível sentar diante de um assistente de programação por inteligência artificial, descrever em linguagem natural o que se deseja construir e acompanhar um sistema ganhar forma em minutos. Este vídeo demonstra exatamente esse processo, ao construir o Marquinha, um app que reúne cadastro de crianças, histórico de vacinas, medidas, remédios, documentos em PDF e um link de compartilhamento para o pediatra. Tudo é feito por meio do Claude Code, em uma abordagem conhecida como vibe coding.

A demonstração não se limita a um protótipo local. Ela avança até a publicação em um ambiente acessível pela internet, usando a Fabapp AI como plataforma de hospedagem. O criador, que é programador desde 2010, mostra que abandonou o desenvolvimento manual para conversar com a IA e obter, em questão de minutos, um produto funcional. O vídeo registra prompts, erros e ajustes, sem cortes para esconder eventuais dificuldades.

O que é vibe coding aplicado na prática

Vibe coding é o nome dado ao processo de criar software orientado por descrição, no qual o desenvolvedor define objetivos, restrições e fluxos, enquanto o modelo de linguagem gera e ajusta o código. Em vez de escrever funções ou classes manualmente, o profissional descreve a experiência desejada e deixa que a IA execute as alterações. No cenário do vídeo, essa conversa ocorre por meio do Claude Code, ferramenta de codificação da Anthropic que opera em linha de comando e conversa com o usuário.

O interessante não é apenas gerar código, mas orientar um sistema que precisa se integrar a uma plataforma de hospedagem. O autor conecta o Claude Code à Fabapp AI e instala uma skill específica para que o assistente conheça as regras e a estrutura da plataforma. Essa habilidade adicional funciona como um manual interno, permitindo que a IA produza código compatível com o ambiente de destino.

Fluxo de criação do app Marquinha

O vídeo começa com a proposta de desenvolver o Marquinha, um aplicativo voltado ao acompanhamento de saúde infantil. A premissa é simples: guardar informações de crianças de forma organizada, com dados como nome, idade, vacinas aplicadas, peso, altura e medicamentos. A partir dessas informações, o app deve permitir gerar uma ficha compartilhável com o pediatra.

O primeiro prompt solicita à IA a criação da landing page. O Claude Code gera a estrutura inicial do site, e o resultado aparece rapidamente em um ambiente local de desenvolvimento. Em seguida, o autor pede o cadastro da criança e a montagem da ficha individual. Com poucas linhas de conversa, o Claude Code adiciona telas e funcionalidades. A sequência continua com um prompt para medidas, vacinas e remédios, incluindo um gráfico de crescimento. Depois disso, o app ganha upload de documentos em PDF e recursos de compartilhamento.

Integração com a Fabapp AI

A Fabapp AI é a plataforma usada para publicar o app. Antes de começar, o autor se autentica na ferramenta e instala a skill Fabapp Agência, disponível em repositório público no GitHub. Essa skill é carregada dentro do contexto do Claude Code e age como um conjunto de instruções que ensina o assistente a publicar aplicativos na Fabapp AI. Com ela, a IA passa a entender como o projeto deve ser estruturado e como fazer o deploy.

A publicação acontece depois que o app está funcional. O Claude Code envia a aplicação para a plataforma, que gera um link público no domínio fabapp.app. O autor usa o endereço gerado para testar o app já em produção. O link de compartilhamento criado pela aplicação também é aberto e validado, mostrando que qualquer pessoa com acesso pode consultar a ficha da criança.

Erros e ajustes durante o processo

Ao contrário de demonstrações editadas, aqui aparecem momentos de correção. O criador é transparente quanto aos contratempos. O Claude Code pode gerar códigos que precisam de ajustes, principalmente na integração com a plataforma de hospedagem. A vantagem do fluxo conversacional está exatamente nessa possibilidade: basta pedir à IA que revise, altere ou complete uma parte do sistema.

Quando o site roda localmente, o autor confere o resultado antes de continuar. A validação em etapas ajuda a evitar surpresas na hora da publicação. O processo se assemelha a uma conversa de revisão com um engenheiro que édita o projeto em tempo real, aceitando comandos em linguagem natural para implementar telas, regras de negócio e integrações.

O resultado publicado e acessível

O app Marquinha é publicado na Fabapp AI e pode ser acessado por qualquer pessoa com o link gerado. Isso demonstra que o fluxo de trabalho apresentado não depende de uma máquina especial nem de um servidor particular. Todo o ciclo vai da ideia à publicação em poucos minutos. O autor ainda testa o compartilhamento, confirmando que a ficha da criança abre corretamente em um navegador.

A proposta do vídeo é mostrar que a combinação entre um bom modelo de linguagem e uma plataforma adequada permite a qualquer pessoa com conhecimento técnico básico produzir aplicações reais. Não se trata de código descartável, mas de um sistema utilizável, com persistência de dados, campos de formulário, visualização de progresso e documentos.

Para quem é útil esse tipo de conteúdo

O material interessa a desenvolvedores que desejam migrar de um fluxo manual para um fluxo assistido por IA. Também serve a empreendedores que querem validar rapidamente uma ideia sem contratar um time, e a curiosos que desejam entender como as ferramentas de codificação por linguagem natural estão transformando a criação de software.

A demonstração é curta, direta e prática. Quem acompanha o vídeo percebe que o autor não ésconde a complexidade, mas também não trata o processo como algo inacessível. A mensagem central é que a IA reduz a barreira de entrada para construir e publicar aplicações funcionais.

O que observar nos próximos passos

O vídeo termina com uma provocação sobre qual aplicação pode vir a seguir. A estrutura de prompts utilizada — landing page, cadastro, dados estruturados, documentos e compartilhamento — pode ser reaproveitada para outros nichos. O mesmo modelo poderia servir para apps de gestão de pets, de pacientes ou de pequenos negócios.

O conteúdo também deixa claro que o valor não éstá no código em si, mas na forma de conversar com a IA. Saber descrever bem uma regra de negócio, apontar erros e pedir melhorias é uma competência nova e cada vez mais importante na rotina de quem desenvolve.