page-cro

Visão geral

O que é page-cro?

page-cro é uma skill de otimização de taxa de conversão (CRO) criada para analisar páginas de marketing e sugerir maneiras práticas de aumentar conversões. Ela foca em páginas como homepages, landing pages de campanhas, páginas de preços, páginas de funcionalidades, páginas de pedido de demo e até materiais ou posts de blog que deveriam gerar leads ou cadastros.

Em vez de feedback genérico, page-cro usa um framework de CRO estruturado. Ela avalia clareza da proposta de valor, títulos e mensagens, calls to action (CTAs), hierarquia visual, sinais de confiança, objeções, pontos de fricção e padrões específicos do tipo de página. O resultado é organizado em seções claras como quick wins, mudanças de alto impacto e ideias de testes.

Para quem é a page-cro?

page-cro é ideal se você:

• É responsável por páginas de marketing que deveriam gerar cadastros, pedidos de demo, trials, compras ou assinaturas
• Investe em tráfego pago (por exemplo, Google Ads, Meta Ads) e suspeita que haja pouco alinhamento entre os anúncios e sua landing page
• É marketer, founder, PM ou especialista em CRO e quer recomendações estruturadas e ideias de testes A/B
• Precisa de uma forma repetível de revisar páginas em vários produtos, campanhas ou mercados

Ela é especialmente útil quando você ou sua equipe dizem coisas como:\n

• "Essa landing page não converte"
• "O bounce rate está muito alto"
• "As pessoas saem sem se cadastrar"
• "Ninguém escolhe o nosso plano principal de preços"
• "O tráfego da homepage está crescendo, mas as conversões estão estagnadas"

Que problemas a page-cro resolve?

page-cro ajuda você a:

• Diagnosticar por que uma página de marketing com tráfego não está convertendo
• Transformar reclamações soltas ("minha landing page é péssima") em um diagnóstico de CRO claro
• Priorizar mudanças por impacto: correções rápidas vs. redesign mais profundo vs. experimentos
• Gerar alternativas específicas de títulos e CTAs em vez de conselhos genéricos
• Criar ideias de testes A/B adaptadas ao tipo de página (homepage, pricing, pedido de demo etc.)

Ela não é uma ferramenta de design visual nem uma plataforma de analytics. Em vez disso, se encaixa no seu fluxo como um revisor de CRO especializado, que usa o contexto e os dados de tráfego que você já tem para recomendar melhorias.

Quando usar page-cro em vez de outras skills de CRO?

A skill page-cro foi projetada para páginas individuais cujo principal objetivo é transformar visitantes em leads ou clientes. Use quando o problema central for: "Essa página de marketing recebe tráfego, mas converte pouco".

Use skills relacionadas para fluxos mais específicos:

• Para fluxos de signup e cadastro: use signup-flow-cro
• Para onboarding e ativação pós-signup: use onboarding-cro
• Para formulários isolados fora do signup (por exemplo, formulário de contato): use form-cro
• Para popups e modais (exit intent, capturas de lead em overlay): use popup-cro

Se você tiver dúvida, page-cro geralmente é uma escolha segura para qualquer URL que pareça uma página de marketing e tenha um objetivo de conversão bem definido.

Como usar

Instalação e configuração

Para adicionar page-cro ao seu agente ou ambiente com skills habilitadas, instale a partir do repositório marketingskills:

npx skills add https://github.com/coreyhaines31/marketingskills --skill page-cro

Esse comando baixa apenas a skill page-cro do repositório coreyhaines31/marketingskills, incluindo sua configuração principal e arquivos de avaliação e referência.

Arquivos principais da page-cro:

• SKILL.md – definição central da skill page-cro e de como ela se comporta
• evals/evals.json – prompts de exemplo e outputs esperados para mostrar como a skill deve responder
• references/experiments.md – biblioteca estruturada de ideias de experimentos de CRO por tipo de página

Após a instalação, abra primeiro o SKILL.md para entender o papel da skill e seus pressupostos; em seguida, revise as pastas evals e references para orientações sobre uso e padrões de saída.

Fluxo principal: da URL às recomendações de CRO

page-cro segue um fluxo consistente para revisar uma página:

1. Reunir o contexto de product marketing
   Se o seu projeto inclui .agents/product-marketing-context.md (ou .claude/product-marketing-context.md em setups mais antigos), a skill foi projetada para ler esse arquivo primeiro. Isso fornece o posicionamento, público-alvo e contexto de mensagem antes de avaliar a página.

2. Identificar o tipo de página e o objetivo
   A skill classifica a página como um destes tipos:

   • Homepage
   • Landing page (por exemplo, específica de campanha ou anúncio)
   • Pricing page
   • Feature page
   • Blog/resource page
   • Página institucional ou outro tipo de página de marketing

   Em seguida, ela identifica o objetivo principal de conversão, como:

   • Sign up ou início de free trial
   • Pedido de demo
   • Compra ou upgrade
   • Assinatura (newsletter, série de conteúdo etc.)
   • Download (lead magnet, whitepaper)
   • Contato com o time de vendas

3. Analisar o contexto de tráfego
   Usando o prompt e qualquer dado fornecido (por exemplo, tráfego de Google Ads, busca orgânica, email), page-cro avalia se há alinhamento entre as promessas das fontes de tráfego e o copy da página, e como isso pode impactar as conversões.

4. Rodar o framework de análise de CRO
   A partir do SKILL.md e dos exemplos em evals/evals.json, page-cro aplica uma lente de CRO estruturada, cobrindo normalmente:

   • Clareza da proposta de valor
   • Efetividade do headline
   • Texto, posicionamento e hierarquia de CTAs
   • Hierarquia visual e foco
   • Sinais de confiança e social proof
   • Tratamento de objeções e redução de risco
   • Fricção (formulários, layout, distrações)

5. Gerar recomendações estruturadas
   Os outputs esperados (como em evals/evals.json) são organizados em seções como:

   • Quick Wins – mudanças de baixo esforço que podem ser implementadas rapidamente
   • High-Impact Changes – ajustes mais profundos de copy, layout ou estrutura
   • Test Ideas – testes A/B e experimentos adaptados ao tipo de página e ao tráfego

   Em muitos prompts, espera-se que a skill também:

   • Aponte problemas de message match entre anúncios e página
   • Forneça 2–3 variações de headline ou CTA com justificativa

Padrões de uso típicos

O arquivo evals/evals.json mostra prompts realistas e o que se espera que a skill faça com eles. Casos de uso comuns incluem:

• Landing page de SaaS com baixa conversão de trial
  Informe a URL, os dados de tráfego (por exemplo, "5,000 visitors/month from Google Ads, 1.2% trial signup") e deixe a page-cro:

  • Confirmar o tipo de página (landing page)
  • Confirmar o objetivo de conversão (cadastro em free trial)
  • Analisar a proposta de valor, o headline e o CTA
  • Sugerir quick wins, mudanças estruturais e ideias de testes A/B

• Página de preços com distribuição desequilibrada entre planos
  Se um plano é escolhido demais ou ignorado, page-cro usa o contexto de pricing e os experimentos em references/experiments.md para sugerir testes sobre apresentação dos planos, destaque do plano-alvo e tratamento de objeções.

• Blog ou página de conteúdo que deveria gerar leads
  Para conteúdos com muito tráfego que não convertem, page-cro avalia os CTAs do conteúdo, o posicionamento dos formulários de lead e o alinhamento entre o tópico e a oferta, e então propõe experimentos relevantes.

Usando a biblioteca de experimentos

O arquivo references/experiments.md é uma lista curada de ideias de experimentos de CRO organizadas por tipo de página:

• Experimentos para homepage (hero, confiança & social proof, features, navegação)
• Experimentos para pricing page (layout dos planos, price anchoring, tratamento de objeções)
• Experimentos para páginas de pedido de demo (fricção no formulário, variações de CTA, roteamento)
• Experimentos para recursos/blog (CTAs no conteúdo, ofertas inline vs. sidebar)
• Experimentos para landing pages (message match, foco em conversão, tamanho da página)
• Experimentos para feature pages (apresentação de features, caminhos de conversão)
• Experimentos cross-page (testes site-wide, mudanças de navegação)

page-cro pode usar essa biblioteca para:

• Sugerir temas de experimentos adequados ao seu tipo específico de página
• Traduzir problemas (por exemplo, ninguém escolhe o plano intermediário) em testes direcionados
• Entregar um roadmap priorizado de ideias de experimentos em vez de sugestões genéricas

Quando page-cro não é a melhor opção

Considere outra abordagem se:

• Seu problema é principalmente onboarding de produto após o signup – use onboarding-cro
• Seu foco está em fluxos de signup ou checkout em múltiplas etapas e não em uma página única de marketing – use signup-flow-cro
• Você quer críticas de design visual ou ajustes de UI em nível de componente sem objetivo claro de conversão – uma skill específica de design pode ser mais apropriada
• Você ainda não tem tráfego ou uma linha de base de conversões – page-cro funciona melhor quando já há ao menos algum dado ou metas claras

FAQ

O que exatamente a page-cro analisa na minha página?

page-cro se concentra em fatores de conversão, não em código ou design pixel-perfect. Com base na definição da skill e nos prompts de avaliação, ela olha com atenção para:

• Quão claramente a proposta de valor é comunicada acima da dobra
• Se o headline e o subheadline explicam para quem é o produto e que resultado ele entrega
• Clareza, visibilidade e hierarquia das CTAs
• Message match entre as promessas dos anúncios ou fontes de tráfego e o copy da página
• Posicionamento e força de social proof, selos de confiança e depoimentos
• Como as objeções (preço, esforço, risco) são tratadas
• Fricção em formulários e layouts que possa impedir a ação dos visitantes

page-cro pode ajudar com Google Ads ou outras campanhas de tráfego pago?

Sim, de forma indireta. Os evals da page-cro incluem cenários com tráfego vindo de Google Ads. Espera-se que a skill:

• Identifique a landing page como destino do tráfego pago
• Compare a provável promessa do anúncio com a mensagem da página
• Sinalize o desalinhamento de mensagem como possível causa de baixa conversão
• Sugira variações de headlines e CTAs e experimentos para alinhar melhor a página às suas campanhas

Embora ela não gerencie contas de anúncios, fornece recomendações de CRO do lado da página que ajudam a tornar seu investimento em mídia mais eficiente.

Em que a page-cro é diferente de conselhos genéricos sobre landing pages?

page-cro é construída em torno de um framework de CRO definido e expectativas concretas registradas em evals/evals.json. Isso significa que ela:

• Sempre parte do tipo de página, objetivo de conversão e contexto de tráfego
• Gera seções estruturadas (Quick Wins, High-Impact Changes, Test Ideas) em vez de comentários soltos
• Oferece sugestões de copy específicas (por exemplo, alternativas de headlines e CTAs) com justificativa
• Usa uma biblioteca curada de experimentos em references/experiments.md para sugerir testes A/B realistas

Isso a torna mais prática para trabalho contínuo de CRO do que checklists genéricos de boas práticas.

Preciso ter dados de analytics para a page-cro ser útil?

page-cro é mais poderosa quando você fornece ao menos métricas básicas, como volume de tráfego, taxa de conversão atual e principais fontes de tráfego. Mesmo assim, ela consegue:

• Revisar a estrutura e a mensagem da sua página
• Inferir prováveis pontos de fricção e problemas de clareza
• Sugerir um conjunto inicial de mudanças e testes

Se você tiver dados (por exemplo, "60% choose the cheapest plan, 30% bounce"), a skill foi projetada para usar essas informações no diagnóstico e nas recomendações de experimentos.

page-cro consegue lidar com diferentes tipos de página no mesmo projeto?

Sim. O arquivo references/experiments.md é explicitamente organizado por tipo de página, e a definição da skill prevê que ela classifique a página antes de recomendar mudanças. Isso permite que a page-cro:

• Use experimentos específicos para homepage no seu site principal
• Aplique ideias próprias de pricing page na página de planos
• Sugira experimentos de formulários e roteamento para páginas de pedido de demo
• Otimize CTAs de conteúdo em blogs e hubs de recursos

Você pode reutilizar a page-cro em múltiplas URLs e campanhas dentro do mesmo produto ou entre produtos diferentes.

Como posso ver mais exemplos de como a page-cro deve se comportar?

Abra o arquivo evals/evals.json no diretório page-cro. Ele contém prompts de exemplo (como landing pages de SaaS, problemas em páginas de preços e outros) junto com descrições da análise esperada e da estrutura de output. Revisar esses exemplos é a forma mais rápida de entender como montar seus prompts e o que a page-cro deve retornar.