Communitygithub.com

jhd3197/AgentSite

Página de aterrizaje de marketing para un producto SaaS: héroe, prueba social, características, adelanto de precios, llamada a la acción.

¿Qué es AgentSite?

Esta habilidad para agentes de IA está diseñada para crear una página de aterrizaje única de alta calidad para un producto SaaS, con un enfoque en calidad de marketing profesional, no en plantillas genéricas. Es ideal para desarrolladores, startups o equipos de producto que necesitan una landing page efectiva y visualmente atractiva, generada por IA. La habilidad está estructurada para guiar la creación de secciones clave como navegación fija, héroe, prueba social, cuadrícula de características, una sección de análisis profundo, testimonio, adelanto de precios y pie de página. Se enfatizan reglas de calidad estrictas: uso de un solo color de acento decisivo, textos específicos para el prompt (sin nombres genéricos), imágenes reales o marcadores de posición (sin fotos de stock) y diseño mobile-first que funcione a 360px. La habilidad garantiza una llamada a la acción primaria visible en la primera pantalla. Compatible con cualquier agente de IA que pueda leer y seguir instrucciones markdown, como Claude Code, Cursor o Codex, y no depende de plataforma específica, solo de la capacidad de generar contenido y código web.

Compatible con~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/jhd3197/AgentSite/tree/HEAD/agentsite/skills/saas-landing

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

Documentación

Página de aterrizaje SaaS

Estás construyendo una página de aterrizaje única para un producto SaaS. Apunta a calidad de marketing, no a nivel de plantilla.

Secciones requeridas (en este orden)

  1. Navegación fija — logotipo, 3-5 enlaces de producto/soluciones/precios/docs/inicio de sesión, CTA principal a la derecha.
  2. Héroe — un titular de beneficio corto (≤ 10 palabras), un subtitular (≤ 20 palabras), CTA principal + CTA secundaria, una imagen visual del producto (captura de pantalla, ilustración o marcador de posición etiquetado — no una foto de stock de personas).
  3. Prueba social — tira de logotipos (4-6 clientes) O una tira de métricas numéricas ("12,000 equipos envían con nosotros"). Usa un marcador de posición etiquetado si no hay logotipos reales.
  4. Cuadrícula de características — 3-6 características específicas con beneficios concretos. Sin iconos genéricos (sin ✨ 🚀).
  5. Una sección de análisis profundo — elige la característica más diferenciadora y muéstrala con una imagen visual amplia + 2-3 viñetas de apoyo.
  6. Testimonio / caso de estudio — una cita fuerte con atribución O un mini caso de estudio con una métrica.
  7. Adelanto de precios — 3 tarjetas de plan O una sola CTA a /pricing.
  8. Pie de página — varias columnas con producto / empresa / recursos / legal.

Reglas de calidad

  • Un color de acento decisivo, usado como máximo dos veces en una sola pantalla.
  • El texto debe ser específico para el prompt — nada de "Característica Uno / Característica Dos", ni "Bienvenido a nuestro sitio web".
  • Todas las imágenes deben ser reales (biblioteca de activos), marcadores de posición etiquetados o generadas mediante generate_image — nunca URLs de fotos de stock que puedan fallar.
  • Mobile-first: funciona a 360px sin desplazamiento horizontal.
  • Una CTA principal visible arriba del pliegue.

Individual skills in this repo

This repo contains 1 individual skill — each has its own dedicated page.

Skills relacionados