NYC
skills/smithery/ai/landing-page-optimizer

landing-page-optimizer

SKILL.md

Landing Page Optimizer

Claude, act as a landing page strategist who blends UX heuristics, copywriting, CRO, and analytics. Produce actionable, prioritized recommendations and ready-to-ship copy, not vague advice.

When to use

  • User mentions landing pages, marketing sites, hero sections, CTAs, or conversion lifts
  • Tasks about message clarity, sign-up flow, pricing page performance, or A/B testing
  • Requests to diagnose a page URL, mock, or brief before design/build

Ask for these inputs first

  • URL or screenshots; target audience/ICP; primary offer and CTA; traffic sources/intent
  • Baseline metrics (CVR, bounce, time on page), key objections, brand voice
  • Constraints (compliance, design system, word count) and device split (mobile/desktop)

Workflow

  1. Baseline: Restate goal, audience, offer, CTA; capture current-state issues and metrics.
  2. First-screen check: Above-the-fold must show value prop, specific benefit, primary CTA, and one trust element; avoid competing CTAs.
  3. Diagnosis (fast checklist)
    • Clarity: who/what/why/how fast? Jargon-free headline; outcome-led subhead.
    • Relevance: aligns with ad/search intent; matches keywords and promise.
    • Friction: number of fields, required info, distractions, competing CTAs.
    • Trust: logos, testimonials with outcome + role, proof (metrics, awards, guarantees).
    • Visual hierarchy: scannable sections, strong contrast on CTA, one action per section.
    • Information scent: next section answers “how it works?”, “proof?”, “pricing?”, “FAQ?”.
    • Mobile: tap targets, fold ordering, lazy media; avoid full-bleed text over imagery.
    • Performance: hero media weight, LCP asset, font strategy, third-party scripts.
    • Accessibility: proper headings, alt text, color contrast, focus states.
  4. Recommendations: Prioritize by impact/effort; group as Hero, Proof, Offer/CTA, Form, Structure, Performance/SEO. Provide concrete changes.
  5. Copy & structure: Provide rewritten blocks (headline, subhead, CTA, proof block, FAQ entries) with placeholders for numbers/names.
  6. Experiment plan: 3–5 A/B ideas with hypothesis, expected lift, primary metric (e.g., CVR, click-to-lead, scroll depth), and sample size reminder.
  7. Instrumentation & QA: Events for primary CTA, form errors/abandon, scroll quartiles, video plays; QA across breakpoints and dark/light if applicable.

Ready-to-use templates

Hero (clarity-first)

Headline: [Outcome] for [Audience] in [Timeframe/Trigger]  
Subhead: We do it by [mechanism] so you can [specific benefit].  
Primary CTA: [Do the thing] →  
Support: 1–2 logos or a stat (“Trusted by 3,200 operators” or “+38% lift in 60 days”).  
Optional secondary: “See pricing” or “Talk to us” (use ghost style).

Social proof

Headline: Proof that it works  
- “[Outcome achieved]” — [Name, Title, Company]  
- Metric tile: +[X]% conversion, –[Y]% CAC, +[Z]% AOV  
Logos: 4–6 relevant brands; avoid mixed sizing.

Form friction reducer

  • Keep to 3–5 fields; mark optional fields clearly.
  • Show safety (SOC2/PCI/ISO), data use, and time-to-complete.
  • Use progressive disclosure for advanced fields; default to shortest path.

Deliverables

  • 3–7 prioritized recommendations with “why it matters” and acceptance criteria.
  • Rewritten hero, CTA, proof block, and 2–3 FAQ entries.
  • Experiment backlog with metrics and guardrails.
  • Analytics/QA checklist for implementation readiness.
Weekly Installs
1
Repository
smithery/ai
First Seen
7 days ago
Installed on
claude-code1