Landing Page Optimizer

This is a comprehensive template for building high-converting landing pages with React/Next.js. It covers the full stack: component structure from hero to final CTA, performance optimization with image loading and critical CSS, SEO with structured data and meta tags, and conversion tracking with GA4 events. The checklist approach makes it practical for auditing existing pages or building new ones. What stands out is the specificity of the code examples and the performance targets (LCP under 2.5s, total size under 1MB). You also get A/B testing priorities and mobile-specific patterns like sticky CTAs. Good for when you need to ship a landing page that actually converts instead of just looking pretty.

skills.sh installs: 381
GitHub stars: 422
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add onewave-ai/claude-skills --skill landing-page-optimizer --agent claude-code

Installs into .claude/skills of the current project.

Files

Landing Page Optimizer

Audit and optimize a landing page across conversion, performance, and SEO.

references/checklists.md — above-the-fold and quick-wins checklists
references/page-structure.md — optimal eight-section page layout
references/cta-optimization.md — CTA copy, friction reduction, placement
references/performance.md — image/CSS optimization, Core Web Vitals targets, mobile
references/seo-and-tracking.md — meta tags, structured data, GA4 tracking, A/B tests