Você Não Precisa Saber Programar Para Criar Um App

Crie um aplicativo web completo chamado: Nano Banana Prompt Studio Objetivo do sistema: O app deve ajudar criadores de conteúdo a transformar ideias simples em prompts profissionais otimizados para geração de imagens no Nano Banana. O usuário escreve uma ideia simples e a IA analisa o contexto, o objetivo da imagem e o tipo de conteúdo, gerando um prompt refinado e altamente otimizado para geração de imagem. O sistema deve possuir frontend, backend e integração real com IA. -------------------------------- FUNÇÃO PRINCIPAL O usuário escreve algo simples como: "thumbnail de youtube sobre inteligência artificial dominando o marketing" ou "reels sobre um cara vendendo online sem aparecer" ou "uma mulher fitness na academia tirando selfie" A IA deve analisar a intenção do usuário e gerar um prompt muito mais detalhado e profissional, otimizado especificamente para Nano Banana. -------------------------------- SUPORTE A FOTO DO USUÁRIO O sistema deve permitir duas opções: 1. Criar imagem do zero 2. Usar uma foto do usuário como base Se o usuário marcar "Usar foto": • permitir upload da imagem • a IA deve considerar que existe uma referência visual • o prompt deve incluir instruções como: - manter identidade da pessoa - preservar rosto - adaptar cenário - manter realismo -------------------------------- TIPO DE CONTEÚDO Adicionar seletor chamado: Tipo de conteúdo Opções: YouTube Thumbnail Instagram Reels Instagram Post Meta Ads Criativo Capa de Curso Imagem Cinematográfica Imagem Publicitária Avatar IA Cena cinematográfica A IA deve adaptar o prompt para o tipo de conteúdo. Exemplo: Thumbnail YouTube • expressão forte • composição central • contraste alto • estilo chamativo • foco em CTR Instagram Reels • vertical • estilo social media • natural • iluminação realista Meta Ads • visual limpo • foco em conversão • estética profissional -------------------------------- PROPORÇÃO DA IMAGEM Adicionar seletor: 1:1 4:5 16:9 9:16 -------------------------------- ESTILO VISUAL Adicionar seletor: Automático Realista Cinematográfico Cyberpunk Anime Ilustração 3D Render Publicidade Minimalista Futurista -------------------------------- NÍVEL DE REFINAMENTO Adicionar seletor: Leve Médio Avançado Ultra detalhado -------------------------------- FRONTEND Use: Next.js React TailwindCSS Interface moderna estilo ferramenta de IA premium. Layout: Título Nano Banana Prompt Studio Subtítulo Transforme ideias simples em prompts profissionais para geração de imagens. Componentes da interface: • Campo de ideia inicial (textarea grande) • Upload de imagem opcional • Toggle Usar foto como referência • Tipo de conteúdo • Estilo visual • Proporção • Intensidade do refinamento • Botão Gerar Prompt • Área de resposta • Botão copiar • Botão gerar nova variação • Indicador de loading -------------------------------- BACKEND Criar rota: POST /api/refine-prompt O backend deve: 1. Receber: prompt do usuário tipo de conteúdo estilo visual proporção nível de refinamento se existe foto ou não 2. Montar prompt interno para IA 3. Chamar API da OpenAI 4. Retornar prompt refinado -------------------------------- INTEGRAÇÃO COM IA Use OpenAI API. Variável de ambiente: OPENAI_API_KEY -------------------------------- PROMPT INTERNO PARA IA No backend use uma instrução forte para a IA: Você é um especialista em engenharia de prompts para geração de imagens no Nano Banana. Sua tarefa é transformar descrições simples em prompts altamente visuais, claros e otimizados para geração de imagem. Sempre considere: tipo de conteúdo estilo visual proporção da imagem nível de refinamento se existe foto de referência Se existir foto: inclua instruções para manter a identidade visual da pessoa. Melhore o prompt adicionando: ambiente iluminação composição estilo visual qualidade detalhamento visual perspectiva clima da cena O resultado deve ser um único prompt final pronto para ser usado no Nano Banana. Não escreva explicações. Não escreva títulos. Não escreva observações. Não use listas. Não escreva "prompt refinado". Retorne apenas o prompt final. -------------------------------- EXEMPLO DE TRANSFORMAÇÃO Entrada: "thumbnail youtube sobre ganhar dinheiro com IA" Saída: High impact YouTube thumbnail showing a surprised entrepreneur surrounded by glowing artificial intelligence interfaces and floating marketing graphs, dramatic lighting, vibrant contrast colors, expressive face in center composition, futuristic digital environment, ultra sharp details, cinematic depth of field, designed for high click through rate thumbnails. -------------------------------- EXTRAS Adicionar: • histórico local de prompts • botão reutilizar prompt • botão limpar formulário • proteção contra envio vazio • tratamento de erro da API • contador de caracteres -------------------------------- DESIGN Visual moderno estilo ferramenta de IA. Fundo escuro. Cores: preto cinza escuro roxo azul neon Cards suaves. Botões com glow. Layout centralizado e responsivo. -------------------------------- OBJETIVO FINAL O usuário escreve uma ideia simples. Seleciona tipo de conteúdo. Seleciona estilo visual. Opcionalmente envia uma foto. O backend envia tudo para a IA. A IA analisa e retorna um prompt altamente refinado e otimizado para gerar imagens no Nano Banana.