landing-page-generator

Installation
SKILL.md

Landing Page Generator

Generate high-converting landing pages from a product description. Output complete Next.js/React components with multiple section variants, proven copy frameworks, SEO optimization, and performance-first patterns. Not lorem ipsum — actual copy that converts.

Target: LCP < 1s · CLS < 0.1 · FID < 100ms
Output: TSX components + Tailwind styles + SEO meta + copy variants

When to Use

  • You need to generate a marketing landing page in Next.js or React.
  • The task involves conversion-focused page structure, section variants, Tailwind styling, or SEO-aware copy.
  • You want complete landing-page output from a product description rather than isolated UI fragments.

Core Capabilities

  • 5 hero section variants (centered, split, gradient, video-bg, minimal)
  • Feature sections (grid, alternating, cards with icons)
  • Pricing tables (2–4 tiers with feature lists and toggle)
  • FAQ accordion with schema markup
  • Testimonials (grid, carousel, single-quote)
Related skills
Installs
45
GitHub Stars
37.3K
First Seen
Mar 21, 2026