A skill for building landing pages with AI

A Claude Code skill for building landing pages with Hugo. Markdown content, static HTML ready to serve from a CDN. No WordPress, no server, at a fraction of the cost. With automated deployment to AWS Amplify, Netlify, Cloudflare, and GitHub Pages.

GitHub

What the skill builds

Landing page

Built from front-matter params: hero, pain points, features grid, method/steps, stats band, case-study carousel, testimonials, pricing tiers, about, team, blog preview, open-source projects, FAQ (with FAQPage JSON-LD), newsletter signup, final CTA — every section optional.

Blog

Pagination, tags, RSS, reading time, prev/next navigation.

SEO

Canonical URLs, OpenGraph, Twitter cards, JSON-LD graph (WebSite/Organization/WebPage/Article, optional Person, FAQPage via shortcode), sitemap, robots.txt, hreflang.

Multilingual

Any languages, added with one script call + translation.

Styling

Tailwind CSS via PostCSS; swap the whole brand color with one line in tailwind.config.js.

Analytics

Umami, Plausible or GA4 (production builds only), plus attribute-driven custom event tracking.

CI/CD

Pick GitHub Pages (Actions), Cloudflare Pages, Netlify or AWS Amplify at scaffold time; a lint+build CI workflow is always included.

How it works

Requirements

You need Claude Code installed, plus Hugo, Node.js/npm, and git on your system.

Install the plugin

/plugin marketplace add gerodp/hugo-landing-skill

Invoke the skill

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

The skill asks about languages (i18n), deploy target, and content, then generates the full project: Hugo structure, basic SEO, responsive layout, and deploy config.

Iterate and deploy

Ask for changes in plain language (“add a pricing section”, “translate it to Spanish”) and deploy.