---

name: landing-page-generator description: Use when Generates high-converting landing pages as complete Next.js/React (TSX) components with Tailwind CSS.

Landing Page Generator

Generates high-converting landing pages as complete Next.js/React (TSX) components with Tailwind CSS. Creates hero sections, feature grids, pricing tables, FAQ accordions, testimonial blocks, and CTA sections using proven copy frameworks (PAS, AIDA, BAB). Outputs SEO meta tags, structured data, and performance-optimised code targeting Core Web Vitals (LCP < 1s, CLS < 0.1). Use when the user asks to create a landing page, marketing page, homepage, single-page site, lead capture page, campaign page, promo page, or conversion-optimised web page — or when they want to A/B test landing page variants or replace a static page with one designed to convert. — One of 337+ skills in Ali Reza's multi-agent claude-skills collection (Claude, Codex, Gemini, Hermes; ~19k stars).

What you get

• Public GitHub repo (alirezarezvani/claude-skills)
• the landing-page-generator skill folder with SKILL.md. Part of a 337-skill / 30-agent / 70-command install.

Customize your output

• Fork the repo and adapt the skill's instructions and references to your workflow.

Example output

Activates automatically when your request matches Landing Page Generator; chains with the other skills, agents, and commands in the collection.

Best for

Creators, builders, and teams using Claude Code.