Tópico dedicado a um template estruturado de prompt para uso no Bolt…
INEMA
Aqui está uma estrutura padrão otimizada para você usar como modelo de prompts no Bolt, especialmente útil para construir apps com IA, Supabase, Stripe, interfaces modernas, etc. Essa estrutura é modular, clara e segue os hacks citados anteriormente.
Estrutura Padrão de Prompt para Bolt⌗
```## 🎯 Objetivo do Projeto Estou desenvolvendo um aplicativo que [descreva o propósito geral]. Exemplo: "um app de receitas personalizadas para pessoas com restrições alimentares (glúten, vegano, etc.)."
🧠 Contexto⌗
O app será usado por [tipo de usuário] e deve ter foco em [acessibilidade, performance, beleza visual, simplicidade, etc.]. Exemplo: "Usuários de todas as idades que desejam encontrar receitas com base em suas restrições alimentares."
⚙️ Funcionalidades Requeridas⌗
- Autenticação com e-mail e senha (via Supabase).
- Banco de dados com CRUD completo para [nome da entidade, ex: receitas, produtos, usuários].
- Integração com Stripe para assinatura mensal e pagamento único.
- Busca por filtros personalizados (ex: sem glúten, vegano, low carb).
- Sistema de recomendação simples com base nos filtros escolhidos.
🎨 Design e UI⌗
- Estilo moderno e clean.
- Utilizar Tailwind CSS.
- Layout responsivo para mobile e desktop.
- Barra de navegação fixa com fundo degradê.
- Botões grandes e acessíveis, com animação ao passar o mouse.
- Cores contrastantes para acessibilidade.
🧪 Dados⌗
- Use dados fictícios como placeholders (mock data) inicialmente.
- Banco de dados com as seguintes colunas: nome, categoria, ingredientes, tempo de preparo, imagem.
📦 Tecnologias⌗
- Supabase para autenticação e banco de dados.
- Stripe para pagamentos.
- Claude 4 (modelo por trás do Bolt).
- Tailwind CSS para a interface.
💬 Observações Importantes⌗
- Antes de executar qualquer etapa, confirme o entendimento do plano.
- Sempre me mostre o resultado em formato de preview, com opção de refinar.
- Ao dividir em etapas, sempre me avise o que está sendo feito.
- O app precisa ser escalável e modular.
🧩 Etapas de Execução (para orientação interna do AI)⌗
- Criar estrutura do app com base no layout desejado.
- Configurar autenticação.
- Criar banco de dados com Supabase.
- Integrar Stripe para pagamentos.
- Refinar design responsivo e animações.
- Testar com dados mock e depois preparar para produção. ```
Como usar:⌗
- Copie e cole no Bolt.
- Modifique os blocos conforme o seu projeto.
- Use o modo discussão para validar o entendimento do AI antes de construir.
Prompt Estrutural BOLT (Vibe Code)
1