🎯 landing-page-builder — a Claude Code skill

**Build one fast, high-converting, SEO-optimized landing page — copy, metadata, schema, and a lead form, all in a single HTML file.**

An [Agent Skill](https://docs.claude.com) for [Claude Code](https://claude.com/claude-code) for when you need *one* page that does one job well — a Google Ads destination, a product/offer page, a single-service or lead-gen page — not a whole site.

What it does

• Converts: a proven high-conversion structure (outcome-led hero → proof → benefits → how it works → FAQ → strong CTA + lead form), with one repeated primary action.
• Ranks: keyword-mapped copy, unique title + meta description, one clean

  and heading hierarchy, canonical + Open Graph, and JSON-LD schema.

• Gets cited by AI: copy written in "chunkable" blocks with a real FAQ, so ChatGPT, Gemini, Perplexity & Copilot can quote it.
• Captures leads: a no-backend contact form (Web3Forms) with spam protection, lead-source tracking, and a GA4 generate_lead conversion event.
• Loads fast: deferred analytics, WebP/AVIF, cache-busting — built for green Core Web Vitals (LCP < 2.5s · INP < 200ms · CLS < 0.1).

How it works

Intake (offer, audience, keyword) → keyword & angle → structure → convert-and- be-found copy → on-page SEO → schema → lead form + analytics → speed & launch — drafting and validating **one step at a time**, and asking you to proofread the copy before it ships.

What's inside

• SKILL.md — the 8-step build workflow.
• assets/ — page-template.html (deferred-GA base page), style.css (brand tokens + components), contact-form.html (Web3Forms lead form).
• references/schema-snippets.md — ready JSON-LD blocks.

Install

git clone https://github.com/hirenpatel1404/landing-page-builder.git ~/.claude/skills/landing-page-builder

Then in Claude Code: *"build a landing page for my [offer]"* — the skill activates automatically.

Built by