Landing Page CRO

MarketingIntermediate

Analyzes HTML/React code to audit conversion-impacting elements including CTA placement, form structure, social proof, loading speed factors, and mobile optimization.

Trigger/cro

Frequency1-2x/month

Product marketer? Run /cro before launching a new landing page to check conversion potential

Growth PM? Quickly diagnose structural issues on low-converting pages

CROConversion RateLanding PageUX

How It Works

Run /cro [file] -> analyze page code

↓

Phase 1: 4 checks in parallel

cta-audit

CTA placement/copy analysis

trust-check

Trust element audit

form-analyze

Form UX analysis

mobile-check

Mobile optimization check

↓

Calculate conversion score + prioritize fixes

↓

✓ CRO score + improvement action list

Skill Code

# Landing Page CRO Audit Skill
## Trigger: /cro [file]

When invoked on a landing page file:

1. Analyze page structure for conversion elements:

**Above the Fold:**
- Clear value proposition? (H1 clarity)
- CTA visible without scrolling?
- Hero image/video relevant?

**Trust Elements:**
- Social proof (testimonials, logos, numbers)
- Security badges / guarantees
- Case studies or results

**Form Analysis:**
- Number of fields (fewer = higher conversion)
- Field labels clear?
- Error handling present?
- Progress indicator for multi-step?

**CTA Analysis:**
- Button contrast ratio
- Action-oriented text (not "Submit")
- Number of CTAs (too many = confusion)

**Mobile:**
- Responsive layout
- Touch target sizes (min 44px)
- Font readability (min 16px)

2. Output format:
---
## 📊 CRO Audit Report — Score: [X/100]

### 🔴 Critical Issues
- [issue + specific HTML fix]

### 🟡 Quick Wins
- [improvement + expected impact]

### 🟢 What's Working
- [positive elements to keep]

### Recommended A/B Tests
1. [test hypothesis + expected lift]
---

Copy and paste into your CLAUDE.md to start using immediately.

How Landing Page CRO Works

Landing Page CRO reads your page's HTML/JSX code, evaluates it against conversion rate optimization principles — above-the-fold content, CTA placement, social proof, loading speed — and generates a prioritized improvement plan.

When to Use Landing Page CRO

Directly impacts revenue by identifying conversion blockers on your most important pages — ideal when conversion rates plateau and you need data-driven recommendations rather than subjective design opinions.

Key Strengths

Evaluates against proven CRO principles systematically
Identifies above-the-fold, CTA, and social proof issues
Generates prioritized recommendations by expected impact
Code-level analysis catches technical conversion blockers

Same Category

Marketing View All

A/B Copy Generator

Auto-generates A/B test variants for marketing copy.

SEO Content Optimizer

Analyzes content and suggests search engine optimization improvements.

Performance Ad Copy

Generates platform-optimized ad copy for Google Ads, Meta Ads, and more.

Popular in Other Categories

Session Summary

WorkflowAutomatically summarizes changes and next steps at the end of a work session.

Smart Commit

CodingAnalyzes changes and auto-generates meaningful commit messages.

CLAUDE.md Builder

ProductivityAnalyzes your project and auto-generates an optimized CLAUDE.md.