Landing page optimizer
Quick answer
- 01What is it?
- Landing page audit and optimization for conversion. Covers above-the-fold design, value propositions, CTAs, social proof placement, form design, page speed, and mobile optimization. Its edge is a particular angle on conversion optimization, giving the agent tighter constraints than a plain landing page optimizer request.
- 02Inputs
- Context for conversion optimization: your goals, audience, constraints, and any source material the skill asks for.
- 03Output
- A ready-to-use result for conversion optimization: the analysis, copy, or recommendations the agent produces.
Add this skill
Install as a package
Installs this one skill package for your coding agent, including any supporting files that skill ships with — not every skill in the repository. Read the tutorial.
$ npx skills add thatrebeccarae/claude-marketing --skill landing-page-optimizerSkill instructions
The instruction file for this skill. The skill also includes other files you need to install to use it.
Landing Page Optimizer
Audit and optimize landing pages for maximum conversion.
Install
git clone https://github.com/thatrebeccarae/claude-marketing.git && cp -r claude-marketing/skills/landing-page-optimizer ~/.claude/skills/
Audit Framework
Above the Fold (First 5 Seconds)
The visitor must answer 3 questions instantly:
- What is this? (Clear headline)
- Why should I care? (Benefit-focused subheadline)
- What do I do next? (Visible CTA)
Hero Layout Patterns
| Pattern | Best For | Structure |
|---|---|---|
| Left copy / right visual | SaaS, B2B | Headline + CTA left, product screenshot right |
| Centered hero | Simple offers | Centered headline, subheadline, CTA |
| Video hero | Complex products | Autoplay background or embedded explainer |
| Social proof hero | High-trust needed | Headline with customer logos or metrics |
| Split test | Dual audiences | Two distinct paths with separate CTAs |
Value Proposition Hierarchy
H1: Primary benefit (what outcome they get)
Subheadline: How you deliver it (mechanism or differentiator)
Supporting points: 3 proof points or features (bullets)
CTA: Specific action + anxiety reducer
CTA Optimization
Text: Action verb + specific outcome ("Start Free Trial" not "Submit") Design: High contrast to background, generous padding, whitespace around it Placement: Above fold, after each content section, sticky on scroll Microcopy: Reduce anxiety below CTA ("No credit card required", "Cancel anytime")
Social Proof Patterns
| Type | Placement | Impact |
|---|---|---|
| Customer logos | Below hero | Trust (B2B) |
| Metric ("50,000+ users") | Near headline | Scale proof |
| Star rating | Near CTA | Purchase confidence |
| Testimonial quote | Mid-page | Emotional proof |
| Case study result | Deep in page | Detailed proof |
| Trust badges | Near form/checkout | Security |
Form Optimization
- Every field removed increases completion 5-10%
- Labels above fields (never placeholder-only)
- Inline validation (real-time, not on submit)
- Smart defaults and autofill (autocomplete attributes)
- Multi-step forms outperform single long forms
- Progress indicator for multi-step
Mobile Optimization
- Touch targets minimum 48x48px
- Single column layout
- Thumb-friendly CTA placement (bottom half of screen)
- No horizontal scrolling
- Simplified navigation (hamburger or none)
- Fast load (LCP <2.5s on 4G)
Conversion Benchmarks
| Page Type | Good | Average | Poor |
|---|---|---|---|
| SaaS trial signup | >5% | 2-5% | <2% |
| E-commerce product | >3% | 1.5-3% | <1.5% |
| Lead gen (B2B) | >10% | 5-10% | <5% |
| Newsletter signup | >5% | 2-5% | <2% |
| Webinar registration | >30% | 15-30% | <15% |
Anti-Patterns
- Multiple competing CTAs — one primary action per page
- Feature-focused headline — lead with benefit, not feature
- Stock photos — real product screenshots or real people
- Navigation on landing pages — remove nav for paid traffic pages
- Below-fold CTA only — always have CTA above the fold
- No social proof — every landing page needs trust signals
- Slow load time — every 100ms delay costs 1% conversion
- Desktop-only design — 60%+ traffic is mobile
Integration with Other Skills
- cro-auditor — Broader CRO audit framework; this skill deep-dives on individual pages
- ab-testing-framework — Test the changes this skill recommends
- copywriting-frameworks — Apply PAS/AIDA to landing page copy
- frontend-design — Implement the optimized page design
- technical-seo-audit — Page speed and technical optimization
Supporting file: EXAMPLES.md
Landing Page Optimizer — Examples
Example 1: SaaS Landing Page Audit
Prompt
Audit our SaaS landing page. Conversion rate is 1.8% from paid traffic. We want 4%+.
What the skill does
- Evaluates above-the-fold: finds headline is feature-focused, CTA below fold, no social proof visible
- Identifies 6 issues: competing nav links, generic CTA text, 8-field form, no testimonials, slow LCP (3.8s), stock photo hero
- Prioritizes fixes by impact with ICE scores
- Rewrites headline (benefit-focused), CTA text, and recommends form reduction to 3 fields
Example 2: E-commerce Product Page for Mobile
Prompt
Optimize our product page for mobile. 65% of traffic is mobile but mobile converts at 0.8% vs 2.1% desktop.
What the skill does
- Identifies mobile-specific issues: tiny add-to-cart button (32px), image carousel requires pinch-zoom, reviews hidden behind tab, slow load (4.2s LCP on 4G)
- Recommends: enlarge CTA to 48px+ full-width, optimize images for mobile, surface reviews inline, lazy-load below-fold content
- Estimates mobile conversion improvement to 1.5-2.0% based on benchmarks
Example 3: Pricing Page Redesign
Prompt
Our pricing page gets 2,000 visits/month but only 3% click through to trial signup. Help us improve it.
What the skill does
- Audits plan presentation: finds 5 plans (too many), no recommended/popular indicator, feature comparison table has 40 rows (overwhelming)
- Recommends: reduce to 3 plans (Good/Better/Best), highlight middle plan as "Most Popular", simplify feature table to 8-10 key differences
- Suggests anchoring (show enterprise price to make mid-tier feel reasonable) and social proof per plan ("Used by 500+ teams")
Supporting file: REFERENCE.md
Landing Page Optimizer Reference
Reference data, benchmarks, and platform-specific details for the Landing Page Optimizer skill.
Common questions
How do I install Landing page optimizer in Cursor, Claude Code, or Codex?
Run npx skills add thatrebeccarae/claude-marketing --skill landing-page-optimizer in the project where you want it, then ask your agent for the skill by name. The --skill flag installs only Landing page optimizer, not every skill in the repository.
Where does Landing page optimizer come from and what license is it under?
Landing page optimizer comes from the thatrebeccarae/claude-marketing repository on GitHub. That repository has 118 GitHub stars. The skill is published under the MIT license.
Prefer plain text? Read the Landing page optimizer guide as markdown.
Related skills
More from thatrebeccarae