2c:["$","div",null,{"className":"text-gray-300","children":["$","div",null,{"dangerouslySetInnerHTML":{"__html":"Passo 2: Estruturar o MVP - Peça ao agente\n para gerar três telas principais, logins e itens essenciais. Copie tudo para um\n arquivo .md no Cursor."}}]}] 2d:["$","div","2",{"className":"flex items-center gap-4","children":[["$","div",null,{"className":"flex items-center justify-center w-8 h-8 bg-lime-500 text-black rounded-full font-semibold","children":3}],["$","div",null,{"className":"text-gray-300","children":["$","div",null,{"dangerouslySetInnerHTML":{"__html":"Passo 3: Criar o protótipo inicial em HTML -\n HTML é ideal, pois os agentes de AI entendem bem e não adianta adicionar\n frameworks nesse estágio."}}]}]]}] 2e:["$","div","3",{"className":"flex items-center gap-4","children":[["$","div",null,{"className":"flex items-center justify-center w-8 h-8 bg-lime-500 text-black rounded-full font-semibold","children":4}],["$","div",null,{"className":"text-gray-300","children":["$","div",null,{"dangerouslySetInnerHTML":{"__html":"Passo 4: Aplicar Design - Gere um design.json\n usando uma referência visual e aplique sem alterar o layout. Isso estiliza a UI\n com coerência."}}]}]]}] 2f:["$","div","4",{"className":"flex items-center gap-4","children":[["$","div",null,{"className":"flex items-center justify-center w-8 h-8 bg-lime-500 text-black rounded-full font-semibold","children":5}],["$","div",null,{"className":"text-gray-300","children":["$","div",null,{"dangerouslySetInnerHTML":{"__html":"Passo 5: Converter para App nativo - Faça a\n transição de HTML para Swift (ou outro framework) com base em regras de\n conversão criadas pelo próprio agente."}}]}]]}] 30:["$","div","5",{"className":"flex items-center gap-4","children":[["$","div",null,{"className":"flex items-center justify-center w-8 h-8 bg-lime-500 text-black rounded-full font-semibold","children":6}],["$","div",null,{"className":"text-gray-300","children":["$","div",null,{"dangerouslySetInnerHTML":{"__html":"Passo 6: Montar backend e banco de dados - Use\n o Supabase com o MCP. Nada de linhas SQL manuais, o agente faz tudo para você."}}]}]]}] 31:["$","div","6",{"className":"flex items-center gap-4","children":[["$","div",null,{"className":"flex items-center justify-center w-8 h-8 bg-lime-500 text-black rounded-full font-semibold","children":7}],["$","div",null,{"className":"text-gray-300","children":["$","div",null,{"dangerouslySetInnerHTML":{"__html":"Passo 7: Refinar a UI - Agora é hora de\n animações, usabilidade e polimento visual. O tempo aqui define o nível de\n qualidade final da sua app."}}]}]]}] 32:["$","section","4",{"className":"mb-16","children":[["$","h2",null,{"className":"text-2xl md:text-3xl font-bold text-white mb-6","children":"Demo: conheça a App Sage"}],[["$","p","0",{"className":"text-gray-300 leading-relaxed mb-6","children":"A Sage é uma app de produtividade onde tarefas ganham pontos e seu progresso diário\n aparece em um calendário colorido. Quanto mais você completa, mais motivado fica. É\n produtividade gamificada."}]]]}] 33:["$","section","5",{"className":"mb-16","children":[["$","h2",null,{"className":"text-2xl md:text-3xl font-bold text-white mb-6","children":"Design e estética importam"}],[["$","p","0",{"className":"text-gray-300 leading-relaxed mb-6","children":"Um grande diferencial de apps criadas com IA é o visual. Você não precisa de um designer\n gráfico: apenas envie referências e o ChatGPT pode gerar ícones, paletas de cores e\n componentes visuais com alta fidelidade."}]]]}] 34:["$","section","6",{"className":"mb-16","children":[["$",