Seu carrinho está vazio
Adicione pacotes de prompts para continuar
Esta coleção master representa a fronteira definitiva no desenvolvimento web baseado em IA. Meticulosamente projetado para agências, desenvolvedores e empreendedores digitais, esse arsenal de prompts permite transformar conceitos abstratos em arquiteturas web funcionais, estéticas e de alto desempenho em tempo recorde, eliminando atritos técnicos do processo criativo. Ao integrar esses fluxos de trabalho ao seu pipeline de produção, você alcançará uma padronização superior em todas as fases do projeto: desde o planejamento estrutural até a implementação de integrações complexas. Cada prompt foi otimizado para extrair o máximo potencial dos modelos de linguagem atuais, garantindo resultados precisos que impulsionam a conversão e a autoridade digital para qualquer marca profissional.
100 recursos incluídos
Atua como UX Designer Sênior e especialista em Otimização de Taxa de Conversão (CRO) com ampla experiência no design de interfaces mobile para captação de leads no setor [Indústria ou Setor Específico]. Sua missão é realizar uma auditoria técnica e criativa da experiência de registro mobile da nossa landing page atual, focada no produto/serviço [Nome do Produto ou Serviço]. O objetivo fundamental é reduzir o atrito, minimizar o abandono do formulário e maximizar a taxa de conversão (CR) em dispositivos com telas pequenas e conexões variáveis. Primeiro analise a arquitetura da informação e a hierarquia visual do formulário de registro móvel. Avalie se o layout atual segue a 'regra geral' para posicionamento do botão CTA e se os campos de entrada usam os tipos de teclado HTML5 corretos (por exemplo, 'tel' para telefones, 'e-mail' para e-mails) para facilitar a entrada de dados. Você deve propor uma estrutura de 'Layout de Uma Coluna' que evite distrações e permita que o usuário se concentre exclusivamente na conclusão do processo de registro [Tipo de Registro: Newsletter, Demo, Avaliação Gratuita]. Desenvolva uma estratégia de 'perfil progressivo' ou formulários de várias etapas se o número de campos solicitados exceder [número atual de campos]. Justifique como dividir a carga cognitiva usando uma barra de progresso visual que incentiva o usuário a finalizar o processo. Além disso, otimize a cópia dos microtextos (rótulos, placeholders e mensagens de erro) para que sejam claros, concisos e utilizem um tom [Tom de Voz: Próximo, Profissional, Urgente]. Certifique-se de que as mensagens de validação apareçam em tempo real para evitar que o usuário tenha que enviar o formulário para descobrir erros. Propor soluções técnicas para melhorar a velocidade de carregamento específica para dispositivos móveis, com foco nas métricas Core Web Vitals, como Largest Contentful Paint (LCP) e Cumulative Layout Shift (CLS), que são essenciais para a retenção móvel. Sugere a implementação de métodos de Login Social ou preenchimento automático do Google/navegador para reduzir o tempo de conclusão em [Melhoria percentual esperada, por exemplo. 40%]. Integre elementos de prova social e selos de confiança adaptados às resoluções móveis que reforçam a segurança do usuário sem saturar o espaço visual. Por fim, gere uma lista de 3 variantes para realizar um Teste A/B no elemento mais crítico: o botão de registro. Defina para cada variante a cor, o tamanho da área de clique (mínimo 44x44px), a localização (fundo fixo vs inline) e o texto persuasivo. O resultado final deve ser um documento técnico detalhado que sirva como um guia de implementação para a equipe de desenvolvimento de frontend e design de UI, garantindo que cada mudança seja apoiada por princípios de psicologia do usuário e usabilidade móvel.
Atua como especialista sênior em análise digital e arquiteto de dados para Meta Ads. Sua missão é projetar uma implementação técnica abrangente e customizada para o Meta Pixel (Facebook Pixel) e API de conversões (CAPI) em meu ecossistema digital. O site é construído em [PLATFORM_CMS] e requer um sistema de rastreamento que seja resiliente a restrições de cookies de terceiros e otimizado para iOS 14+ Aggregate Event Measurement. O principal objetivo é garantir que cada interação do usuário seja capturada com a máxima precisão para alimentar os algoritmos de otimização de lances do Meta. Começa gerando o código base do Pixel vinculado ao ID: [ID_PIXEL]. Este código deve incluir configurações de correspondência avançada automática para enviar dados criptografados do usuário (hash SHA-256), como e-mail e telefone, o que aumentará drasticamente a qualidade da correspondência de eventos. Explica passo a passo como integrar este script na seção <head> do [PLATFORMA_CMS], seja através de inserção direta de código, hooks PHP ou uso de um gerenciador de tags como o Google Tag Manager, sempre priorizando a velocidade de carregamento da página (LCP). Posteriormente, desenvolve uma estrutura técnica detalhada para acompanhamento de eventos específicos. Os eventos obrigatórios a configurar são: [SPECIFIC_EVENTS]. Para cada um desses eventos, gere o script JavaScript necessário que aciona a função fbq('track', ...). Certifique-se de incluir parâmetros dinâmicos cruciais para comércio eletrônico ou geração de leads, como 'valor', 'moeda', 'content_type', 'content_ids' e 'content_name'. O código deve estar preparado para extrair com segurança esses valores diretamente do dataLayer ou DOM da página. Para mitigar a perda de dados causada por bloqueadores de anúncios e configurações de privacidade do navegador, gere um guia de implementação para a API de conversões (CAPI) usando [TOKEN_ACCESO_CAPI]. Explica como configurar a desduplicação de eventos usando uma chave exclusiva 'event_id' que deve ser idêntica no evento do navegador e no evento do servidor. Fornece um exemplo de estrutura de carga útil no formato JSON para uma solicitação POST para o endpoint Meta, garantindo que os parâmetros 'client_user_agent' e 'client_ip_address' sejam incluídos. Por fim, fornece um manual de validação técnica. Inclui instruções sobre como usar a extensão 'Meta Pixel Helper' para depurar erros de sintaxe e como navegar na ferramenta 'Test Events' dentro do Meta Business Manager. Ele detalha os erros mais comuns, como carregamento duplicado de pixels ou falta de parâmetros necessários, e fornece soluções técnicas para resolvê-los, garantindo que o status de diagnóstico no Event Manager permaneça sempre 'Verde' e sem avisos críticos.
Atua como Consultor Sênior de SEO On-Page e Especialista em Acessibilidade Web com certificação WCAG. Sua missão é transformar descrições de imagens em atributos Alt de alto impacto para o site [Nome do projeto]. O objetivo é duplo: melhorar o posicionamento orgânico no Google Imagens e garantir que o conteúdo seja totalmente acessível aos usuários que utilizam leitores de tela, atendendo aos mais rigorosos padrões da indústria tecnológica atual. Para a análise, utilize o seguinte contexto temático: [Contexto do Artigo ou Página]. Você deve integrar organicamente palavras-chave estratégicas [Lista de palavras-chave] sem forçar a linguagem ou comprometer a experiência do usuário. É fundamental evitar redundâncias desnecessárias, como 'Imagem de' ou 'Gráfico de', e focar na descrição semântica e funcional da contribuição da imagem para o conteúdo ao redor, garantindo que o bot do Google entenda totalmente a relevância visual do elemento. Para cada imagem que descreve ou fornece a você, gere uma resposta estruturada que deve incluir: 1. Análise Funcional: Define se a imagem é Informativa (fornece dados), Funcional (é um link/botão) ou Decorativa (estética). 2. Proposta SEO-Friendly: Um texto alternativo otimizado para motores de busca usando as palavras-chave fornecidas de forma lógica. 3. Proposta de Acessibilidade: Um texto puramente descritivo para leitores de tela que narra a cena de forma inclusiva. 4. Versão Master (Recomendada): A síntese perfeita entre SEO e Acessibilidade, limitada a no máximo 125 caracteres para evitar truncamento. Além disso, se a imagem contiver texto incorporado importante, transcreva a hierarquia dessas informações. Se você determinar que a imagem é puramente estética e não fornece valor informativo ao leitor, especifique explicitamente o uso de um atributo alt vazio (alt='') para não sobrecarregar os usuários com ferramentas de assistência. Gera o resultado final em um bloco de código HTML limpo e otimizado, pronto para implementação imediata no CMS, seguindo este formato: <img src="[Image_URL]" alt="[Generated_Alt_Text]" title="[Optional_Title]">. Processe a descrição da imagem para iniciar o trabalho de otimização: [Descrição detalhada da imagem ou cena].