Skill para crear landings con IA

Skill de Claude Code para crear landing pages con Hugo. Contenido en markdown, html estático listo para ser servido desde un CDN. Sin WordPress y sin servidor, a una fracción del coste. Con automatización del despliegue en AWS Amplify, Netlify, Cloudflare y GitHub Pages.

GitHub

Qué construye el skill

Landing page

Construida a partir de parámetros del front-matter: hero, puntos de dolor, grid de funcionalidades, método/pasos, banda de estadísticas, carrusel de casos de éxito, testimonios, planes de precios, sobre nosotros, equipo, preview del blog, proyectos open source, FAQ (con JSON-LD FAQPage), suscripción a newsletter, CTA final — cada sección es opcional.

Blog

Paginación, etiquetas, RSS, tiempo de lectura, navegación anterior/siguiente.

SEO

URLs canónicas, OpenGraph, Twitter cards, grafo JSON-LD (WebSite/Organization/WebPage/Article, Person opcional, FAQPage vía shortcode), sitemap, robots.txt, hreflang.

Multilingüe

Cualquier idioma, añadido con una sola llamada a script + traducción.

Estilos

Tailwind CSS vía PostCSS; cambia todo el color de marca con una línea en tailwind.config.js.

Analíticas

Umami, Plausible o GA4 (solo en producción), más seguimiento de eventos personalizados basado en atributos.

CI/CD

Elige GitHub Pages (Actions), Cloudflare Pages, Netlify o AWS Amplify al generar el sitio; siempre se incluye un workflow de CI de lint + build.

Cómo funciona

Requisitos

Necesitas Claude Code instalado, y en tu sistema: Hugo, Node.js/npm y git.

Instala el plugin

/plugin marketplace add gerodp/hugo-landing-skill

Invoca el skill

mkdir mi-landing && cd mi-landing
claude
/hugo-landing-skill

El skill pregunta por idiomas (i18n), plataforma de despliegue y contenido, y genera el proyecto completo: estructura Hugo, SEO básico, responsive y config de deploy.

Itera y despliega

Pide cambios en lenguaje natural (“añade una sección de precios”, “tradúcelo al inglés”) y despliega.