Prompts de IA Prontos para Copiar e Usar

Atue como um Engenheiro Especialista em Testes Automatizados e QA Sênior.
Preciso que você escreva uma suíte de testes E2E completa utilizando Playwright com TypeScript para o seguinte fluxo de usuário:

- Fluxo a ser testado: [DESCREVA O FLUXO, EX: Cadastro de Usuário -> Onboarding -> Criação do Primeiro Projeto]
- URL base / Rotas envolvidas: [EX: /signup, /onboarding, /dashboard/new]
- Casos de borda / Erros a cobrir: [EX: Senha fraca, email duplicado, perda de conexão]

Requisitos obrigatórios do código:
1. Arquitetura Page Object Model (POM) limpa, separando seletores e ações em classes reutilizáveis.
2. Seletores semânticos e resilientes (priorize `getByRole`, `getByLabel` e `getByTestId`; nunca use seletores CSS frágeis com classes dinâmicas).
3. Asserções inteligentes com auto-waiting (`expect(locator).toBeVisible()`).
4. Validação de acessibilidade básica (verificação de tags ARIA e mensagens de erro visíveis).
5. Mock de resposta de API para simulação de cenários de sucesso (200) e falha do servidor (500).

Retorne os arquivos TypeScript organizados: o Page Object (`*.page.ts`) e o arquivo de teste (`*.spec.ts`).

Você é um Arquiteto de Conversão de SaaS e Designer Frontend Sênior.
Crie a estrutura completa (copywriting estratégico + código React com Tailwind CSS) para uma Seção de Tabela de Preços de alta conversão.

Informações do Produto:
- Nome do Produto: [NOME DO SEU SAAS / SERVIÇO]
- Modelo de Cobrança: [EX: Mensal / Anual com 20% de desconto no toggle]
- Público-Alvo: [EX: Freelancers, Startups em crescimento e Empresas Enterprise]

A seção deve conter:
1. Toggle interativo Mensal / Anual com badge de "Economize 20%".
2. Três planos estruturados com ancoragem de preço:
   - **Plano Starter:** Para validação e entrada rápida.
   - **Plano Pro (Destacado como 'Mais Popular'):** Borda sutil de destaque, badge de recomendação, contraste visual e CTA principal magnético.
   - **Plano Enterprise:** Focado em segurança, SLA dedicado e botão "Falar com Vendas".
3. Para cada plano: Nome, Preço, Descrição curta de proposta de valor, Lista de 5 a 6 recursos chave com ícones de check verde e CTA claro.
4. Tabela compacta de "Dúvidas Frequentes sobre Pagamento" abaixo dos cards (garantia de 7 dias, cancelamento e formas de pagamento).

Forneça o código React TSX completo, responsivo e estilizado exclusivamente com classes utilitárias do Tailwind CSS.

Atue como um Diretor de Conteúdo e Roteirista especializado em vídeos curtos virais para TikTok, Instagram Reels e YouTube Shorts, com foco em retenção superior a 80%.

Tema do Vídeo: [INSERIR TEMA OU DICA CENTRAL, EX: Como usar agentes de IA para automatizar tarefas diárias]
Público-alvo: [EX: Profissionais de tech, designers, criadores de conteúdo]
Duração desejada: 45 a 60 segundos.

Estruture o roteiro exatamente no formato de tabela com as colunas [Tempo | O que aparece na tela / Visual | O que o apresentador fala / Áudio | Efeito Sonoro / Legenda]:

1. **GANCHO (0 a 3 segundos):** Forneça 3 opções de ganchos visuais e verbais com quebra de padrão instantânea (evite saudações como "Oi pessoal", comece no clímax ou na provocação).
2. **AGITAÇÃO DO PROBLEMA (3 a 12s):** Mostre visualmente o erro comum ou a dor que o espectador passa todos os dias.
3. **A REVELAÇÃO / O PASSO A PASSO (12 a 45s):** 3 passos práticos, ultra-rápidos e acionáveis demonstrados na tela (sem enrolação teórica).
4. **CTA DINÂMICO (45 a 55s):** Chamada para ação natural ligada a entregar mais valor (ex: "Comente 'GUIA' que eu te mando a lista completa no direct").

Inclua notas de direção de câmera, ritmo de corte (Jump cuts a cada 2-3s) e sugestão de trilha de fundo estilo Lo-Fi/Tech beat.

Macro cinematic studio photography of an ultra-futuristic neural interface wearable device [INSERIR MODIFICAÇÃO, EX: transparent glass smart ring with glowing circuit traces and micro OLED screen], resting on a textured dark titanium carbon fiber surface, subtle volumetric ambient lighting with cyan and amber rim lights, intricate mechanical craftsmanship, shallow depth of field, 100mm macro lens f/2.8, hyper-detailed textures, reflections on polished chrome surfaces, editorial product photography style, 8k resolution, photorealistic --ar 16:9 --style raw --v 6.0

Atue como um Lead Product Manager (GPM) especialista em Discovery e Análise Qualitativa de Feedback de Usuários.

Abaixo está uma lista de feedbacks brutos coletados de clientes (tickets de suporte, avaliações de app store, formulários NPS e entrevistas):
---
[COLE AQUI A LISTA DE FEEDBACKS / COMENTÁRIOS BRUTOS DOS USUÁRIOS]
---

Sua missão é processar esses dados e entregar um relatório executivo com:

1. **Agrupamento Temático (Clusters de Dor):** Identifique os 3 a 5 principais temas recorrentes, quantificando a frequência de menções e o sentimento geral (Crítico, Moderado ou Sugestão de Melhoria).
2. **Matriz de Priorização RICE:** Para cada melhoria/feature sugerida, avalie e preencha uma tabela com:
   - **Alcance (Reach):** % de usuários impactados (1 a 10).
   - **Impacto (Impact):** Valor gerado para o usuário (0.25 Mínimo a 3.0 Massivo).
   - **Confiança (Confidence):** Certeza baseada nos dados (50% a 100%).
   - **Esforço (Effort):** Complexidade de engenharia estimada em semanas/sprints.
   - **RICE Score Calculado:** `(Reach * Impact * Confidence) / Effort`.
3. **Quick Wins (Vitórias Rápidas):** Aponte 2 ajustes de baixo esforço que resolvem dores imediatas dos clientes nesta próxima sprint.
4. **Resumo Executivo para a Liderança:** 1 parágrafo claro sintetizando a prioridade número 1 do produto para a tomada de decisão.

Atue como um Engenheiro Frontend Sênior e Especialista em Design Systems. Crie um componente [NOME_DO_COMPONENTE] em React utilizando TypeScript, Tailwind CSS e ícones da biblioteca Lucide React.

Requisitos obrigatórios:
1. Totalmente responsivo (Mobile-first).
2. Acessível (Atributos ARIA corretos e navegação por teclado).
3. Estados completos: Default, Hover, Focus, Active, Loading e Disabled.
4. Suporte nativo a Dark Mode.
5. Código limpo, modular e pronto para produção.

Forneça apenas o código do componente e um exemplo de uso estruturado.

Atue como um Copywriter de Resposta Direta de classe mundial, especialista em SaaS e Infoprodutos. Preciso que você crie a estrutura de copy persuasiva completa para uma Landing Page focada no seguinte produto:

- Produto: [INSERIR NOME/DESCRIÇÃO DO PRODUTO]
- Público-Alvo: [INSERIR PERSONA]
- Dor Principal: [INSERIR DOR]
- Proposta Única de Valor (UVP): [INSERIR UVP]

Utilize o framework PAS (Problema, Agitação, Solução) combinado com gatilhos mentais de urgência e prova social. Forneça:
1. Headline Principal e Sub-headline magnéticas.
2. Seção de Benefícios (Transformação).
3. Seção de Quebra de Objeções (FAQ).
4. Chamada para Ação (CTA) de alto impacto.

Atue como um Especialista Sênior em UX/UI, Copywriting de Resposta Direta e Desenvolvedor Front-end. Preciso que você crie uma Landing Page completa para [INSERIR SEU PRODUTO/SERVIÇO AQUI]. 

A página deve seguir a estrutura clássica de alta conversão: 
1. Hero Section com proposta de valor clara e chamada para ação (CTA) de alto impacto.
2. Seção de Dor/Problema do cliente ideal.
3. Seção de Solução/Benefícios (focado em 'benefícios dos benefícios').
4. Prova Social (depoimentos simulados estratégicos).
5. Seção de FAQ (perguntas frequentes para quebrar objeções).
6. Rodapé otimizado.

Para cada seção, forneça:
- A copy exata (títulos, subtítulos e textos).
- O código HTML completo utilizando classes do Tailwind CSS, garantindo que seja 100% responsivo, moderno e esteticamente impecável (use um esquema de cores moderno como slate/indigo).

Comece apresentando o planejamento estratégico e logo em seguida forneça o código limpo e pronto para uso.

An isometric 3D UI/UX mockup of a modern mobile banking application floating in mid-air, clean minimal glassmorphism design style, soft pastel gradient background, sleek smartphone displaying clean financial dashboard interface with charts and graphs, studio lighting, hyper-detailed, photorealistic render, dribbble trend, behance featured --ar 16:9 --v 6.0 --style raw

Atue como um Copywriter de elite focado em alta conversão para produtos digitais e SaaS.
Crie a estrutura completa de texto para a Landing Page do produto: [INSERIR NOME DO PRODUTO/APP E O QUE ELE FAZ].

A estrutura deve conter exatamente os seguintes blocos:
1. HERO SECTION:
   - Headline impactante de até 8 palavras focada no benefício principal (evite clichês)
   - Sub-headline explicativa de 2 linhas acabando com a principal dor do cliente
   - Texto do botão CTA primário e secundário
   - Prova social rápida (ex: "Usado por +1.000 devs")
2. PROBLEMA VS SOLUÇÃO:
   - 3 maiores dores do público em formato de tópicos
   - Como o produto resolve cada uma em 1 frase
3. RECURSOS CHAVE (BENEFÍCIOS, NÃO APENAS FEATURES):
   - 4 blocos de recursos com Ícone sugerido + Título + Breve descrição orientada a resultado
4. SEÇÃO DE PROVA SOCIAL E DEPOIMENTOS:
   - 3 modelos de depoimentos realistas focados em ROI e ganho de tempo
5. FAQ (5 PERGUNTAS FREQUENTES):
   - Objeções de preço, segurança, facilidade de uso e suporte
6. FOOTER CTA:
   - Chamada final urgente com CTA forte.

Adapte o tom para ser moderno, direto e altamente persuasivo.

A futuristic 3D glassmorphism mobile app user interface mockup, showing a dark mode analytics dashboard with vibrant neon orange and indigo glowing charts, translucent frosted glass card overlays, floating sleek 3D icons, elegant typography, isometric perspective, clean white studio lighting, soft shadows, octane render, 8k resolution, ultra detailed, photorealistic --ar 16:9 --v 6.0

Escreva um e-mail de vendas direto e envolvente usando a fórmula PAS (Problema, Agitação, Solução).

Produto/Serviço: [NOME DO SEU PRODUTO OU SERVIÇO]
Público-alvo: [DESCREVA SEU PÚBLICO ALVO]
Objetivo: Fazer o leitor clicar no link [INSERIR LINK OU CTA].

Diretrizes:
- Assunto: Forneça 3 opções de títulos com alta taxa de abertura (curtos e curiosos).
- Problema: Abra o e-mail descrevendo uma dor real que o público vive diariamente.
- Agitação: Aprofunde o incômodo dessa dor, mostrando o custo de não resolvê-la agora.
- Solução: Apresente o produto como o atalho lógico e sem complicações.
- CTA: Um único botão/link claro ao final.
- Tom de conversa amigável de um especialista para um amigo, sem parecer "vendedor chato".

Você é um Desenvolvedor Frontend Senior especialista em React, Next.js e Tailwind CSS.
Escreva o código de um componente React funcional e totalmente responsivo para uma Seção Hero de Landing Page.

Requisitos Técnicos:
- Estilização pura com Tailwind CSS (sem bibliotecas externas pesadas).
- Design minimalista premium: fundo off-white/dark limpo, tipografia nítida, badges arredondados.
- Layout: 2 colunas no Desktop (Texto + CTA à esquerda, Card de demonstração visual à direita) e 1 coluna fluida no Mobile.
- Inclua: Badge de novidade, Título H1 responsivo (text-4xl md:text-6xl), parágrafo explicativo, 2 botões de ação (Primário e Secundário com efeito hover suave) e um bloco de estatísticas rápidas no rodapé do Hero.
- Retorne apenas o código TSX limpo e organizado.

Commercial studio photography of a sleek minimalist premium [INSERIR PRODUTO, EX: wireless headphones], resting on a smooth dark matte podium, dramatic rim lighting, subtle water reflection, soft ambient rim lights, camera lens 85mm f/1.8, bokeh background, ultra crisp detail, Hasselblad color science, high-end advertisement photo --ar 4:3 --style raw --v 6.0

Analise o código a seguir e aplique os princípios de Clean Code, SOLID e tratamento defensivo de erros.

Código:
[COLE SEU CÓDIGO AQUI]

Sua resposta deve incluir:
1. Código refatorado com tipagem forte (TypeScript se aplicável), nomeação clara de variáveis e funções pequenas de responsabilidade única.
2. Lista curta em bullet points das 3 principais melhorias feitas (performance, segurança ou legibilidade).
3. Garantia de que nenhum contrato de API ou funcionalidade original foi quebrado.

A cinematic close-up portrait of a cyberpunk esports gamer wearing futuristic holographic glowing headphones, wearing a sleek black jacket with glowing neon circuit patterns, rainy street of Neo-Tokyo in the background with vibrant cyan and magenta lights reflecting on wet pavement, photorealistic textures, Unreal Engine 5 render style, dramatic lighting, 8k depth of field.

Leia o texto abaixo e crie um Resumo Executivo altamente estruturado e fácil de escanear.

Texto:
[COLE SEU TEXTO LONGO OU TRANSCRIÇÃO AQUI]

Formato desejado da resposta:
- **📌 Objetivo Principal (1 a 2 frases):** O tema central sem rodeios.
- **💡 5 Principais Insights/Conclusões:** Em tópicos claros com destaques em negrito.
- **✅ Lista de Ações / Próximos Passos (Action Items):** Quem/O que precisa ser feito.
- **⚠️ Riscos ou Alertas Identificados:** Pontos de atenção se houver.

Atue como um especialista em conversão comportamental de vendas online.
Crie 6 perguntas e respostas para a seção de FAQ da minha página de vendas.

Produto: [DESCREVA SEU PRODUTO OU CURSO]
Preço aproximado: [INSERIR PREÇO]

As perguntas DEVEM abordar especificamente:
1. Objeção de Tempo ("E se eu não tiver tempo para usar?")
2. Objeção de Capacidade ("Será que isso funciona para quem está começando do zero?")
3. Objeção de Preço/Valor ("Vale a pena o investimento comparado a soluções gratuitas?")
4. Objeção de Suporte ("E se eu tiver dúvidas durante o processo?")
5. Garantia e Risco Zero ("Como funciona o reembolso se eu não gostar?")
6. Acesso ("Por quanto tempo terei acesso ao produto?")

Responda cada pergunta com transparência, empatia e tom de autoridade confiável.