page-cro

Descripción general

¿Qué es page-cro?

page-cro es una skill de optimización de la tasa de conversión (CRO) diseñada para analizar páginas de marketing y proponer formas prácticas de aumentar las conversiones. Se centra en páginas como homepages, landing pages de campañas, páginas de precios, páginas de características, páginas de solicitud de demo e incluso artículos o recursos del blog que deberían estar generando leads o registros.

En lugar de ofrecer feedback vago, page-cro utiliza un marco CRO estructurado. Revisa la claridad de la propuesta de valor, titulares y mensajes, llamadas a la acción (CTAs), jerarquía visual, elementos de confianza, objeciones, puntos de fricción y patrones específicos de cada tipo de página. El resultado se organiza en secciones claras como quick wins, cambios de alto impacto e ideas de test.

¿Para quién es page-cro?

page-cro encaja bien si:

• Eres responsable o gestionas páginas de marketing que deberían generar registros, solicitudes de demo, pruebas gratuitas, compras o suscripciones
• Inviertes en tráfico de pago (por ejemplo, Google Ads, Meta Ads) y sospechas que hay poca coherencia entre tus anuncios y tus landing pages
• Eres marketer, fundador/a, PM o especialista en CRO y quieres recomendaciones estructuradas e ideas de tests A/B
• Necesitas una forma repetible de revisar páginas en varios productos, campañas o mercados

Es especialmente útil cuando escuchas o dices cosas como:

• "Esta landing page no convierte"
• "La tasa de rebote es demasiado alta"
• "La gente se va sin registrarse"
• "Nadie elige nuestro plan principal de precios"
• "El tráfico de la homepage crece pero las conversiones están estancadas"

¿Qué problemas resuelve page-cro?

page-cro te ayuda a:

• Diagnosticar por qué una página de marketing con tráfico no convierte
• Convertir quejas difusas ("mi landing page es un desastre") en un diagnóstico CRO claro
• Priorizar cambios según impacto: arreglos rápidos vs. rediseños más profundos vs. experimentos
• Generar alternativas concretas de titulares y CTAs en lugar de consejos genéricos
• Idear tests A/B adaptados al tipo de página (homepage, pricing, demo request, etc.)

No es una herramienta de diseño visual ni una plataforma de analítica. En su lugar, se integra en tu flujo de trabajo como un revisor CRO experto que usa tu contexto y datos de tráfico existentes para recomendar cambios.

¿Cuándo es page-cro la skill adecuada frente a otras skills de CRO?

La skill page-cro está pensada para páginas individuales cuyo objetivo principal es convertir visitantes en leads o clientes. Úsala cuando el problema de fondo sea: "Esta página de marketing recibe tráfico pero no suficientes conversiones".

Usa skills relacionadas para flujos más específicos:

• Para flujos de registro y signup: usa signup-flow-cro
• Para onboarding y activación después del registro: usa onboarding-cro
• Para formularios independientes fuera del signup (por ejemplo, formularios de contacto): usa form-cro
• Para popups y modales (exit intent, captación de leads): usa popup-cro

Si no lo tienes claro, page-cro suele ser una opción segura para cualquier URL que parezca una página de marketing y tenga un objetivo de conversión definido.

Cómo usarla

Instalación y configuración

Para añadir page-cro a tu agente o entorno con skills, instálala desde el repositorio marketingskills:

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

Este comando descarga únicamente la skill page-cro del repo coreyhaines31/marketingskills, incluida su configuración principal y los archivos de evaluación y referencia que la soportan.

Archivos clave para page-cro:

• SKILL.md – definición principal de la skill page-cro y su comportamiento
• evals/evals.json – prompts de ejemplo y salidas esperadas que muestran cómo debe responder la skill
• references/experiments.md – biblioteca estructurada de ideas de experimentos CRO por tipo de página

Tras la instalación, abre primero SKILL.md para entender el rol y las suposiciones de la skill; después revisa las carpetas evals y references para orientarte sobre el uso y los patrones de salida.

Flujo de trabajo principal: de la URL a las recomendaciones CRO

page-cro sigue un flujo de trabajo consistente para revisar una página:

1. Recopilar el contexto de product marketing
   Si tu proyecto incluye .agents/product-marketing-context.md (o .claude/product-marketing-context.md en configuraciones más antiguas), la skill está diseñada para leer primero ese archivo. Esto le aporta el posicionamiento, el público objetivo y el contexto de mensajes antes de evaluar la página.

2. Identificar el tipo de página y su objetivo
   La skill clasifica la página como una de las siguientes:

   • Homepage
   • Landing page (por ejemplo, de campaña o específica de un anuncio)
   • Pricing page
   • Feature page
   • Blog/resource page
   • Página "About" u otra página de marketing

   Después identifica el objetivo de conversión principal, como:

   • Sign up o inicio de prueba gratuita
   • Solicitar una demo
   • Comprar o hacer upgrade
   • Suscribirse (newsletter, serie de contenidos, etc.)
   • Descargar (lead magnet, whitepaper)
   • Contactar con ventas

3. Analizar el contexto de tráfico
   Usando el prompt y cualquier dato disponible (por ejemplo, tráfico de Google Ads, búsqueda orgánica, email), page-cro evalúa si hay coherencia entre las fuentes de tráfico y el copy de la página, y cómo puede afectar eso a las conversiones.

4. Aplicar el marco de análisis CRO
   A partir de SKILL.md y los ejemplos de evals/evals.json, page-cro aplica un enfoque CRO estructurado que suele abarcar:

   • Claridad de la propuesta de valor
   • Eficacia del titular
   • Copy, ubicación y jerarquía de las CTAs
   • Jerarquía visual y foco
   • Elementos de confianza y prueba social
   • Gestión de objeciones y reducción de riesgo
   • Fricción (formularios, maquetación, distracciones)

5. Generar recomendaciones estructuradas
   Las salidas esperadas (como se ve en evals/evals.json) se organizan en secciones como:

   • Quick Wins – cambios de bajo esfuerzo que pueden implementarse de inmediato
   • High-Impact Changes – mejoras más profundas de copy, layout o estructura
   • Test Ideas – tests A/B y experimentos adaptados al tipo de página y al tráfico

   En muchos prompts, también se espera que la skill:

   • Señale problemas de message match entre anuncios y página
   • Proponga 2–3 variaciones de titulares o CTAs con su justificación

Patrones de uso habituales

El archivo evals/evals.json muestra prompts realistas y qué se espera que haga la skill con ellos. Un uso típico se parece a esto:

• Landing page de SaaS con pocas conversiones a prueba gratuita
  Proporciona la URL, los datos de tráfico (por ejemplo, "5,000 visitantes/mes desde Google Ads, 1,2% de registros a prueba") y deja que page-cro:

  • Confirme el tipo de página (landing page)
  • Confirme el objetivo de conversión (registro a prueba gratuita)
  • Analice la propuesta de valor, el titular y la CTA
  • Sugiera quick wins, cambios estructurales e ideas de tests A/B

• Página de precios con selección desequilibrada de planes
  Si un plan se elige mucho más que otros o alguno se ignora, page-cro usa el contexto de precios y los experimentos de references/experiments.md para proponer tests sobre la presentación de precios, el destaque del plan objetivo y la gestión de objeciones.

• Blog o página de recursos que debería generar leads
  Para contenidos de alto tráfico que no convierten, page-cro evalúa las CTAs del contenido, la ubicación de los formularios de captación y la alineación entre el tema y la oferta, para luego proponer experimentos relevantes.

Uso de la biblioteca de experimentos

El archivo references/experiments.md es una lista curada de ideas de experimentos CRO organizadas por tipo de página:

• Experimentos para homepages (hero, confianza y prueba social, funcionalidades, navegación)
• Experimentos para pricing pages (distribución de planes, price anchoring, gestión de objeciones)
• Experimentos para demo request pages (fricción en formularios, variantes de CTA, routing)
• Experimentos para recursos/blog (CTAs en el contenido, ofertas inline vs. en sidebar)
• Experimentos para landing pages (message match, foco en conversión, longitud de página)
• Experimentos para feature pages (presentación de funcionalidades, rutas de conversión)
• Experimentos cross-page (tests a nivel de sitio, cambios de navegación)

page-cro puede apoyarse en esta biblioteca para:

• Sugerir temas de experimentos adecuados a tu tipo específico de página
• Traducir problemas (por ejemplo, nadie elige el plan intermedio) en tests concretos
• Ofrecer una hoja de ruta priorizada de ideas de experimentos en lugar de sugerencias genéricas

Cuándo page-cro no es la mejor opción

Valora un enfoque distinto si:

• Tu problema principal es el onboarding de producto después del registro: usa onboarding-cro
• Estás centrado en flujos de signup o checkout multi-paso más que en una sola página de marketing: usa signup-flow-cro
• Buscas críticas de diseño visual o ajustes de UI a nivel de componentes sin un objetivo de conversión claro: puede ser mejor una skill específica de diseño
• No tienes tráfico ni una línea base de conversiones todavía: page-cro funciona mejor cuando ya existe al menos algo de dato o unos objetivos claros

FAQ

¿En qué se fija exactamente page-cro en mi página?

page-cro se centra en los factores que impulsan la conversión, no en el código ni en el diseño al píxel. Según la definición de la skill y los prompts de evaluación, presta especial atención a:

• Qué tan claramente se comunica la propuesta de valor above the fold
• Si el titular y el subtitular explican para quién es el producto y qué resultado ofrece
• La claridad, visibilidad y jerarquía de las CTAs
• El message match entre las promesas del anuncio o la fuente de tráfico y el copy de la página
• La ubicación y la fuerza de la prueba social, los sellos de confianza y los testimonios
• Cómo se gestionan las objeciones (precio, esfuerzo, riesgo)
• La fricción en formularios y layouts que puede impedir que el visitante actúe

¿Puede page-cro ayudar con Google Ads u otras campañas de tráfico de pago?

Sí, de forma indirecta. Las evals de page-cro incluyen escenarios con tráfico desde Google Ads. Se espera que la skill:

• Identifique la landing page como destino del tráfico de pago
• Compare la promesa probable del anuncio con el mensaje en la página
• Señale el message mismatch como posible causa de baja conversión
• Sugiera variaciones de titulares y CTAs, así como experimentos para alinear mejor la página con tus campañas de anuncios

Aunque no gestiona tus cuentas de anuncios, te ofrece recomendaciones CRO en la página que hacen más eficiente tu inversión en paid.

¿En qué se diferencia page-cro de los consejos genéricos sobre landing pages?

page-cro se basa en un marco CRO definido y en expectativas concretas recogidas en evals/evals.json. Esto significa que:

• Siempre parte del tipo de página, el objetivo de conversión y el contexto de tráfico
• Produce secciones estructuradas (Quick Wins, High-Impact Changes, Test Ideas) en lugar de comentarios sin estructura
• Ofrece sugerencias de copy específicas (por ejemplo, titulares y CTAs alternativos) con su razonamiento
• Usa una biblioteca de experimentos curada en references/experiments.md para sugerir tests A/B realistas

Esto la hace más práctica para un trabajo de CRO continuo que las típicas listas genéricas de buenas prácticas.

¿Necesito datos de analítica existentes para que page-cro sea útil?

page-cro es mucho más potente cuando proporcionas al menos métricas básicas como volumen de tráfico, tasa de conversión actual y fuentes de tráfico. Sin embargo, también puede:

• Revisar la estructura y los mensajes de tu página
• Inferir posibles problemas de fricción y claridad
• Proponer un conjunto inicial de cambios y tests

Si dispones de datos (por ejemplo, "el 60% elige el plan más barato, el 30% rebota"), la skill está diseñada para integrarlos en su diagnóstico y en las recomendaciones de experimentos.

¿Puede page-cro trabajar con distintos tipos de página dentro del mismo proyecto?

Sí. El archivo references/experiments.md está explícitamente organizado por tipo de página y la definición de la skill contempla que primero se clasifique la página antes de recomendar cambios. Esto permite a page-cro:

• Usar experimentos específicos de homepage para tu sitio principal
• Aplicar ideas específicas de pricing page a tu página de planes
• Sugerir experimentos de formularios y routing para demo request pages
• Optimizar las CTAs de contenido en blogs y hubs de recursos

Puedes reutilizar page-cro en múltiples URLs y campañas dentro de un mismo producto o entre productos distintos.

¿Cómo puedo ver más ejemplos del comportamiento esperado de page-cro?

Abre el archivo evals/evals.json en el directorio page-cro. Contiene prompts de ejemplo (como landing pages de SaaS, problemas en páginas de precios y más) junto con descripciones del análisis esperado y la estructura de salida. Revisar estos ejemplos es la forma más rápida de entender cómo plantear tus propios prompts y qué devolverá page-cro.