본문으로 건너뛰기
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(원문)

설치하기 전에 에이전트에게 전달되는 지시 내용을 확인할 수 있습니다.

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 / 1,000자

이 양식은 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-marketing1772026년 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-marketing1772026년 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-marketing1772026년 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-marketing1772026년 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-marketing1772026년 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-marketing1772026년 5월 15일 업데이트

thatrebeccarae의 스킬 모두 보기

이 스킬의 문제 신고