Combinei NotebookLM + Antigravity COM SKILLS e Criei um App Completo (INSANO)

Description

Combinei o Notebooklm com o Antigravity e Skills pra criar um app completo de controle financeiro pessoal sem escrever uma linha de código. O Notebooklm pesquisou os problemas reais, escreveu os Prompts prontos e o Antigravity executou tudo com qualidade profissional.

🔴 Formação Vibe Coding (Antigravity, Claude Code e +): https://app.horadecodar.com.br/lp/formacao-vibe-coding?utm_source=yt_lm_ag_skills

🟪 Hospedagem para n8n que eu indico: https://hostinger.com.br/matheusbattisti (use o cupom HORADECODAR para ter +10% de desconto)

📘 Guia engenharia de prompt: https://app.horadecodar.com.br/ebookpages/guia-engenharia-de-prompt

A maioria das pessoas abre o Antigravity e escreve "cria um app de finanças". E reclama que o resultado é genérico. O problema nunca foi a ferramenta, foi o input. Esse vídeo mostra como resolver isso com um Workflows que muda tudo.

O combo funciona assim. O Notebooklm é absurdo pra pesquisar. Ele faz deep research na internet, entende os problemas reais e entrega um plano baseado em fontes concretas. Mas ele não coda. O Antigravity com Skills é absurdo pra construir. Ele escreve código profissional com padrões de produção. Mas se você jogar um prompt vago nele, sai código vago. Então o combo é: Notebooklm planeja com profundidade, Antigravity executa com precisão.

Na primeira fase uso o Notebooklm pra pesquisar os problemas. Não pesquisa técnica, pesquisa de PROBLEMA. Quais são as maiores dificuldades com controle financeiro, por que as pessoas desistem de apps de finanças, o que os melhores apps do mercado fazem que funciona, quais funcionalidades são essenciais. Ele busca artigos, reviews, pesquisas de comportamento financeiro e análises de apps existentes. Com essa pesquisa as funcionalidades se definem sozinhas.

Depois peço pro Notebooklm gerar os Prompts prontos pra colar no Antigravity. Ele entrega dois Prompts enormes e ultra detalhados: um pro backend com endpoints, modelagem de dados e regras de negócio, outro pro frontend com componentes, gráficos e decisões de UX. Tudo baseado nos problemas reais que ele pesquisou. Eu não inventei nada.

Na segunda fase abro o Antigravity e uso 3 Skills em sequência. A primeira é @senior-fullstack que constrói backend e frontend de uma vez. Colo o prompt que o Notebooklm gerou, adiciono a Skill e ele cria a API Express com SQLite, componentes React, service layer, Context API. App rodando com login, dashboard, transações e filtros.

A segunda Skill é @ui-ux-pro-max que transforma código funcional em produto bonito. Aplica paleta de cores profissional, tipografia hierárquica, cards com profundidade, gráficos com cores coerentes, micro-interações e responsividade. Mesmo app, mesmo código, mas parece outro produto.

A terceira Skill é @web-performance-optimization que analisa e otimiza tudo. Bundle size caiu de 450kb pra 180kb. LCP caiu de 2.8s pra 1.1s. Code splitting, lazy loading, compressão gzip, cache headers, skeleton screens. Não só analisou como otimizou e mostrou os números de antes e depois.

Três Skills, três camadas: construção, design e performance. Notebooklm pesquisou os problemas e escreveu os Prompts. Antigravity executou. Skills garantiram qualidade. Eu só copiei e colei.

Entre no nosso servidor de Discord e me siga nas redes:

🟣 Discord Hora de Codar: https://discord.gg/Veq4mvsWwk
🔴 Instagram: https://www.instagram.com/horadecodar/
🔷 Telegram: https://t.me/horadecodar

TIMESTAMPS

00:00 Apresetanção de Notebooklm + Antigravity + Skills
01:10 Como funciona o combode Notebooklm, Antigravity e Skills
05:50 Começando o fluxo no Notebooklm
09:20 Obtendo os Prompts para Antigravity no Notebooklm
12:40 Iniciando o projeto no Antigravity
16:00 Melhorando o desing com a Skill de UI UX Design
17:50 Testando o app Criado pelo Antigravity com prompt do Notebooklm
19:14 Melhorando qualidade do projeto com Skill de performance
20:40 Minhas considerações sobre o combo Notebooklm, Antigravity e Skills

Resumo

O vídeo apresenta um fluxo de trabalho inovador para criar aplicativos web completos sem escrever código, combinando três ferramentas: Notebooklm, Antigravity e um repositório de Skills (habilidades).

O Workflows:

Notebooklm (05:50): Utilizado para realizar uma pesquisa profunda (Deep Research) sobre dores reais de usuários e funcionalidades essenciais para um app de controle financeiro pessoal. Ele condensa informações de diversas fontes e gera Prompts detalhados para o backend e frontend.
Antigravity (12:40): Onde o código é gerado automaticamente. O usuário cola os Prompts do Notebooklm e utiliza o @senior-fullstack para criar a estrutura completa (API Express, SQLite, React).
Skills (16:00): Aplicação de habilidades especializadas para polir o app:
- @ui-ux-pro-max: Melhora o design e a experiência do usuário (0:16:00).
- @web-performance-optimization: Otimiza o desempenho do código (0:19:14).

O resultado final é um mvp (Minimum Viable Product) funcional, bonito e otimizado, criado rapidamente apenas copiando e colando os Prompts gerados pela IA.

#Antigravity #Notebooklm #IA #DevIA #Skill #ProgramaçãoAI #AIcoders #gemini