跳到正文
cccskills
免费在 GitHub 公开

landing-page-optimizer

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. Use when the user asks about landing page optimization, conversion rate improvement, page audits, or CTA optimization.

中文简介正在准备中。当前显示原文说明。

查看安装方法

包含的文件(4)

  • SKILL.md4.3 KB
  • EXAMPLES.md1.7 KB
  • LICENSE1.0 KB
  • REFERENCE.md227 B

SKILL.md(原文)

安装前可以查看交给 AI 代理的指令内容。

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:

  1. What is this? (Clear headline)
  2. Why should I care? (Benefit-focused subheadline)
  3. What do I do next? (Visible CTA)

Hero Layout Patterns

PatternBest ForStructure
Left copy / right visualSaaS, B2BHeadline + CTA left, product screenshot right
Centered heroSimple offersCentered headline, subheadline, CTA
Video heroComplex productsAutoplay background or embedded explainer
Social proof heroHigh-trust neededHeadline with customer logos or metrics
Split testDual audiencesTwo 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

TypePlacementImpact
Customer logosBelow heroTrust (B2B)
Metric ("50,000+ users")Near headlineScale proof
Star ratingNear CTAPurchase confidence
Testimonial quoteMid-pageEmotional proof
Case study resultDeep in pageDetailed proof
Trust badgesNear form/checkoutSecurity

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 TypeGoodAveragePoor
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

  1. Multiple competing CTAs — one primary action per page
  2. Feature-focused headline — lead with benefit, not feature
  3. Stock photos — real product screenshots or real people
  4. Navigation on landing pages — remove nav for paid traffic pages
  5. Below-fold CTA only — always have CTA above the fold
  6. No social proof — every landing page needs trust signals
  7. Slow load time — every 100ms delay costs 1% conversion
  8. 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

评价

还没有评价。欢迎分享你的使用感受。

评论

无需登录即可发表。欢迎分享使用感受、提问,或说明在哪些环境下无法运行。

还没有评论。来写第一条吧。

提交后会立即公开。请勿填写邮箱、电话等个人信息。URL 最多 2 个。

0 / 1000 字

此表单受 reCAPTCHA 保护,适用 Google 的隐私权政策和服务条款。

同一仓库的技能

A/B and multivariate testing methodology. Design experiments, calculate sample sizes, determine statistical significance, avoid common pitfalls, and interpret results. Platform-agnostic framework applicable to landing pages, emails, ads, pricing, and product features. Use when the user asks about A/B testing, split testing, experiment design, statistical significance, or conversion experiments.

中文简介正在准备中。当前显示原文说明。

thatrebeccarae/claude-marketing1762026年5月15日 更新

Google and Meta paid media account structure evaluation. Audits campaign/ad set architecture against conversion volume minimums, budget thresholds, and targeting overlap. Identifies over-segmentation, under-segmentation, budget fragmentation, and structural anti-patterns blocking algorithmic learning. Provides consolidation roadmaps with migration plans. Use when inheriting accounts, quarterly health checks, or before scaling budgets.

中文简介正在准备中。当前显示原文说明。

thatrebeccarae/claude-marketing1762026年5月15日 更新

Answer Engine Optimization (AEO) and Generative Engine Optimization (GEO) specialist. Optimize content and websites to appear in AI-generated answers from ChatGPT, Perplexity, Claude, Google AI Overviews, and other LLM-powered search experiences. Use when the user asks about AI search optimization, AEO, GEO, AI Overviews, appearing in AI answers, LLM citations, or optimizing for generative search.

中文简介正在准备中。当前显示原文说明。

thatrebeccarae/claude-marketing1762026年5月15日 更新

brand-dna

免费

Extract brand identity from a website URL — voice, colors, typography, imagery, values, and target audience — into a structured brand-profile.json. The profile feeds downstream skills (seo-content-writer, email-composer, frontend-design, pro-deck-builder, cross-platform-audit) for brand-consistent output. Use when the user says brand DNA, brand profile, extract brand, analyze brand, brand voice, brand identity, brand colors, or brand style guide.

中文简介正在准备中。当前显示原文说明。

thatrebeccarae/claude-marketing1762026年5月15日 更新

Develop brand voice, tone matrices, messaging frameworks, and brand book documentation. Use when the user asks about brand voice, tone of voice, brand guidelines, messaging framework, or brand consistency.

中文简介正在准备中。当前显示原文说明。

thatrebeccarae/claude-marketing1762026年5月15日 更新

braze

免费

Braze customer engagement platform expertise. Audit campaigns, Canvases, segments, messaging channels, and data architecture. Use when the user asks about Braze, customer engagement, push notifications, in-app messaging, cross-channel orchestration, or lifecycle marketing at scale.

中文简介正在准备中。当前显示原文说明。

thatrebeccarae/claude-marketing1762026年5月15日 更新

查看 thatrebeccarae 的全部技能

报告此技能的问题