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 · INP < 200ms 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.

Evidence and implementation limits

No conversion outcome is guaranteed. Framework examples use fictional numbers/customer claims; publish only substantiated metrics, authorized logos/testimonials, actual guarantees and verified pricing. The referenced brand analyzer/UI-system/teardown paths are not bundled; use available reviewed tools or manual analysis. The scaffold is a partial starting point: it does not implement all hero variants, FAQ schema, billing toggles, integrations or a measured performance audit. Verify imports (Button/Image/Accordion/Check), accessibility, routing and actual build/render behavior. Never claim Core Web Vitals passed from source inspection alone.

Core Capabilities

Installs
123
GitHub Stars
48.7K
First Seen
Mar 21, 2026