Landing Page Mastery

Landing Page Mastery

Sistema experto para la creación y optimización de landing pages de alta conversión.

> IMPORTANTE: Todo el output generado por esta skill debe ser estrictamente en ESPAÑOL, independientemente del idioma de los archivos de referencia.

Selección de Flujo de Trabajo

• ¿Crear desde cero? → Sigue el "Flujo de Creación"
• ¿Auditar página existente? → Sigue el "Flujo de Auditoría"

---

Flujo de Creación

Paso 1: Descubrimiento (Requerido)

Antes de escribir código o copy, recopila esta información del usuario:

CONTEXTO DEL PRODUCTO:
- Tipo de producto: [SaaS/Curso/Ebook/Newsletter/Coaching/Herramienta]
- Precio: [Gratis/Bajo/Medio/Alto/Enterprise]
- Público objetivo: [¿Quién exactamente?]
- Problema principal: [Una frase]
- Diferenciador clave: [¿Por qué tú vs alternativas?]

CONTEXTO DE MARCA:
- Tono: [Profesional/Casual/Divertido/Autoritario]
- Estilo: [Moderno-pulido/Humano-auténtico/Híbrido]
- Colores de marca: [Si existen]

Paso 2: Selección de Estructura

Basado en el tipo de producto, selecciona la estructura adecuada de references/structures.md:

| Tipo de Producto | Estructura Recomendada | |------------------|------------------------| | SaaS/Herramienta | Longitud completa (12-14 secciones) | | Curso/Coaching | Basada en historia (10-12 secciones) | | Ebook/Lead Magnet| Formato corto (6-8 secciones) | | Newsletter | Ultra-corta (4-5 secciones) |

Paso 3: Redacción del Copy (Primero)

Utiliza los frameworks de copy de references/copywriting.md:

1. Titular Hero → Usa la Fórmula de Resultado Específico
2. Sección de Problema → Usa PAS (Problema-Agitación-Solución)
3. Características → Mapeo Beneficio > Característica
4. Testimonios → Usa el formato STAR
5. Texto de CTA → Usa verbos de acción personalizados

Paso 4: Diseño y Construcción

Sigue las guías de diseño de references/design.md:

1. Selecciona paleta de colores basada en psicología del producto
2. Elige tipografía (evita fuentes genéricas)
3. Implementa diseño responsive mobile-first
4. Añade micro-interacciones para engagement
5. Optimiza para tiempo de carga 10% caída de conversión

• 🟡 Alto: Problemas que causan 5-10% caída de conversión
• 🟢 Medio: Problemas que causan 4 campos inicialmente

1. ❌ Sin prueba social "above the fold" (parte visible sin scroll)
2. ❌ Propuestas de valor vagas ("Hacemos las cosas mejor")
3. ❌ Testimonios anónimos ("¡Genial! - J.")
4. ❌ Degradados púrpuras sobre blanco (estilo "AI-slop" genérico)
5. ❌ Falta de Sticky CTA en móvil

---

Archivos de Referencia

• references/structures.md - Estructuras de página por tipo de producto
• references/copywriting.md - Frameworks y fórmulas de copy
• references/design.md - Guías de diseño visual
• references/audit-checklist.md - Checklist de auditoría de 100 puntos
• references/conversion-elements.md - CTAs, formularios, pricing
• references/sections-catalog.md - Catálogo de todas las secciones

Source & license

This open-source skill is cataloged on AgentStack and links to its original source — we do not rehost the code.

• Author: alexdcd
• Source: alexdcd/Mafia-Claude-Skills
• License: Apache-2.0
• Homepage: https://mafiaia.com/

Install and usage instructions live in the source repository linked above.