MCP HubMCP Hub
SKILL·95834A

landing-page-copy

rampstackco
업데이트됨 25 days ago
5 조회
953
132
953
GitHub에서 보기
메타aitesting

정보

이 스킬은 히어로 섹션, 가치 제안, CTA와 같은 핵심 요소를 포함한 전환 중심의 랜딩 페이지 문구를 생성합니다. 새로운 판매 페이지나 옵트인 폼 등을 처음부터 제작할 때 활용하세요. 기존 페이지의 전환율을 개선하려면 `cro-optimization` 스킬을 선택하십시오.

빠른 설치

Claude Code

추천
기본
npx skills add rampstackco/claude-skills -a claude-code
플러그인 명령대체
/plugin add https://github.com/rampstackco/claude-skills
Git 클론대체
git clone https://github.com/rampstackco/claude-skills.git ~/.claude/skills/landing-page-copy

Claude Code에서 이 명령을 복사하여 붙여넣어 스킬을 설치하세요

문서

Landing Page Copy

Write copy for pages with a single conversion goal: signup, purchase, demo request, download, lead capture. Stack-agnostic.

This skill is narrower than content-and-copy. Landing pages exist to drive a specific action, not to inform broadly.


When to use

  • Writing a hero section for a homepage or product page
  • Writing a sales page or long-form sales letter
  • Drafting opt-in or lead-capture page copy
  • Campaign-specific landing pages
  • Pricing page copy
  • Demo or signup CTAs

When NOT to use

  • Long-form blog content (use content-and-copy)
  • Email sequences (use email-sequences)
  • Brand voice definition (use brand-voice)
  • Page design and layout decisions (use design-standards)

Required inputs

  • The product, service, or offer
  • The target audience and the specific objection they bring
  • The conversion goal (one specific action)
  • Brand voice
  • Existing customer language (testimonials, support tickets, sales calls)
  • Any constraints (length, format, regulatory)

If audience is unclear or objections are unknown, run brand-discovery or pull from sales call recordings before writing.


The framework: 7 sections

A landing page does seven things in sequence. The structure can flex (combine, reorder, expand), but the elements stay constant.

1. Hero

The first 3 to 5 seconds. Decides whether the visitor stays.

Three components:

  • Headline. The promise. Specific, outcome-focused, free of cliche.
  • Subheadline. The mechanism. How you deliver the promise.
  • Primary CTA. The action. One button, descriptive label.

Strong hero patterns:

  • Outcome + audience + mechanism. "Ship features 3x faster, for engineering teams who hate meetings, with our async-first project tool."
  • Pain reversal. "Stop losing customers to slow page loads."
  • Surprising claim. "The note-taking app that gets used. We have data."
  • Direct address. "You have 47 unread Slack messages. Here's what to do about it."

Weak hero patterns:

  • Generic adjective stacking ("Powerful, intuitive, scalable")
  • "Welcome to our platform"
  • Brand-name-only headlines ("Acme: The Future of X")
  • Vague benefits ("Streamline your workflow")

2. Social proof (early)

Within the first scroll, prove someone else trusts you.

Forms:

  • Customer logos (recognizable beats unknown)
  • Quantitative trust signal ("Over 10,000 teams")
  • One strong testimonial with name and role
  • Press mentions (logos of where you've been featured)

Placement: Right below the hero, before the visitor invests in reading more.

3. Problem / promise

Establish that you understand the visitor's situation.

Pattern:

  • 1 to 3 paragraphs naming the specific problem
  • Use the visitor's language (mined from research, not your marketing language)
  • Stop before you sell. Resonate first.

Test: Read the problem section aloud. Does the target audience nod? If they don't, you don't understand them yet.

4. Solution / mechanism

How you solve the problem. The "what we actually do" section.

Effective structure:

  • One headline summarizing the solution
  • 3 to 5 specific features or capabilities, each with a 1-2 sentence explanation
  • Each feature framed as the benefit it produces, not the technical detail
  • Visual support (screenshots, illustrations, video clips)

Failure mode: Listing features without translating to outcomes. "Real-time collaboration" is a feature. "Edit together without copying-pasting from email" is the outcome.

5. Proof and detail

The expanded social proof and case studies section.

Components:

  • 1 to 3 detailed case studies (specific customer, specific outcome, specific numbers)
  • Multiple testimonials with attribution
  • Specific data points (usage stats, success metrics, growth)
  • Awards, certifications, or third-party validation

The deeper proof section is where committed visitors convert. Skim-readers won't make it here, but the ones who do are ready to buy.

6. Objection handling

Anticipate the reasons people say no. Address them directly.

Common objection types:

  • Price. "Is this worth it?"
  • Time. "Will this take forever to set up?"
  • Trust. "Will this actually work for my situation?"
  • Risk. "What if I commit and it's wrong?"
  • Comparison. "How is this different from [competitor]?"
  • Implementation. "Can my team handle the change?"

Handling formats:

  • FAQ section. Structured, scannable.
  • Comparison table. Vs. competitors or vs. alternatives.
  • Risk reversal. Money-back guarantee, free trial, no-contract terms.
  • Proof of effort needed. "Setup takes 5 minutes, not 5 weeks."

7. Final CTA

The closer. Re-state the offer. Re-state the action.

Strong final CTAs:

  • Repeat the primary CTA from the hero (consistency)
  • Frame in terms of the visitor's situation ("Get your team set up in 5 minutes")
  • Remove friction ("No credit card required")
  • One action only (avoid offering 5 alternatives that paralyze decision)

Avoid:

  • Multiple CTAs competing for attention at the bottom
  • New offers introduced only at the bottom (visitor is now confused)
  • Long forms that ask for more information than needed for the action

The CTA itself

Buttons matter. Treat the button copy as a whole-page-worth of attention.

Strong CTA patterns:

  • Action + outcome. "Start your free trial," "Get my pricing," "Send me the guide"
  • First-person. "Show me how" outperforms "Show you how"
  • Specific. "Book a 15-minute demo" beats "Contact us"
  • Low-friction. "Free trial, no credit card" reduces commitment cost

Weak CTAs:

  • "Submit" (functional but lifeless)
  • "Click here" (no value statement)
  • "Learn more" (vague; about what?)
  • "Get started" (started doing what?)

Workflow

  1. Confirm the offer. What exactly is being offered? At what price (if any)? What does the visitor get?
  2. Confirm the audience and objection. Specific segment. The specific worry they bring.
  3. Mine the language. Customer testimonials, support tickets, sales calls. Use real customer phrases.
  4. Draft the hero. Headline, subheadline, CTA. Test 5 to 10 variations.
  5. Build the structure. All 7 sections in order. Sections can combine for shorter pages.
  6. Draft sections. Section by section. Don't polish until the structure is sound.
  7. Edit for friction. Remove every word that doesn't earn its place. Landing pages do not have words to spare.
  8. Test the CTA. Read the page aloud. By the end, is the visitor's next action obvious?
  9. Hand off with a post-import checklist. The deliverable is a markdown document, not a built page, so step 9 is not something you perform: it is a list you attach for whoever builds the page. Spell-check the copy yourself, then hand over the rest. Every destination URL resolves. Mobile preview of the built page. SEO basics if SEO is a goal. If the page is already built and you are revising it in place, run the checklist yourself instead of handing it over.

Failure patterns

  • Hero that explains instead of sells. "We're an X for Y" is description. "Get X without Y" is sell.
  • Feature lists with no outcomes. Features without benefits read as a spec sheet.
  • Generic testimonials. "Great product!" is worth less than nothing. "We cut onboarding time from 2 weeks to 4 days" is gold.
  • Multiple competing CTAs. Pick one primary action. Everything else is noise.
  • Walls of text. Visitors scan. Use short paragraphs, bullet lists, and visual breakpoints.
  • No social proof. Trust is the first hurdle. Without proof, the rest of the page does not earn the chance to be read.
  • Mismatched headline and CTA. Hero promises X, CTA asks for Y. Visitor confused.
  • Writing for everyone. "Our solution works for any business" appeals to no one. Specificity converts.
  • Ignoring mobile. Most visitors are on mobile. Test the page at 375px first.

Output format

Default output is a structured markdown document for the page, with each section labeled. The markdown is ready to import into the CMS or hand to design.

Structure:

# [Page Title]

## SECTION: Hero
- Headline: [text]
- Subheadline: [text]
- Primary CTA: [button text]
- Supporting cue: [optional, e.g., "No credit card required"]
- Hero visual notes: [if any]

## SECTION: Social proof (early)
- Logo bar: [list customer/press logos]
- Trust statistic: [if any]

## SECTION: Problem / promise
[2 to 3 paragraphs]

## SECTION: Solution
- Headline: [text]
- Feature 1: [headline + description]
- Feature 2: [headline + description]
- Feature 3: [headline + description]

## SECTION: Proof
- Case study 1: [customer, outcome, numbers, or state the gap per the data-availability rule]
- Testimonials: [list]
- Data points: [list]

## SECTION: Objection handling
- FAQ: [questions and answers]
- OR Comparison table: [vs alternatives]
- OR Risk reversal: [guarantee, terms]

## SECTION: Final CTA
- Headline: [text]
- Final CTA button: [text]
- Supporting cue: [optional]

## Variants for testing
- [Alternate headlines]
- [Alternate CTAs]
- [Alternate proof framings]

If required data is unavailable

This skill's output depends on data, measurements, or tool results it cannot generate on its own. When a required input, tool, or data source is unavailable or unverifiable, the sanctioned output is the deliverable with the gap stated: what was needed, what was actually obtained or verified, and which parts of the output are affected. Fabricating, estimating, or interpolating a required number to complete the deliverable is never sanctioned. A stated gap is a complete answer.


Reference files

GitHub 저장소

rampstackco/claude-skills
경로: dist/codex/.agents/skills/landing-page-copy
0
agent-skillsai-agentsanthropicclaudeclaude-aiclaude-code
FAQ

자주 묻는 질문

landing-page-copy Skill이란 무엇인가요?

landing-page-copy은(는) rampstackco이(가) 만든 Claude Skill입니다. Skill은 Claude가 필요할 때 불러오는 지침과 리소스를 묶어 추가 프롬프트 없이 landing-page-copy 관련 작업을 수행할 수 있게 합니다.

landing-page-copy은(는) 어떻게 설치하나요?

이 페이지의 설치 명령을 사용하세요. landing-page-copy을(를) Claude Code 플러그인으로 추가하거나 저장소를 skills 디렉터리에 복제한 다음 Claude를 다시 시작해 Skill을 불러옵니다.

landing-page-copy은(는) 어떤 카테고리에 속하나요?

landing-page-copy은(는) 메타 카테고리에 속합니다.

landing-page-copy은(는) 무료로 사용할 수 있나요?

네. landing-page-copy은(는) AIMCP에 등록되어 있으며 무료로 설치할 수 있습니다.

연관 스킬

content-collections
메타

이 스킬은 콘텐츠 콜렉션(Content Collections)을 위한 프로덕션 검증된 설정을 제공합니다. 콘텐츠 콜렉션은 Markdown/MDX 파일을 Zod 검증이 포함된 타입 안전한 데이터 콜렉션으로 변환해주는 TypeScript 최우선 도구입니다. 블로그, 문서 사이트 또는 콘텐츠 중심의 Vite + React 애플리케이션을 구축할 때 타입 안전성과 자동 콘텐츠 검증을 보장하기 위해 사용하세요. Vite 플러그인 구성과 MDX 컴파일부터 배포 최적화 및 스키마 검증에 이르기까지 모든 것을 다룹니다.

스킬 보기
polymarket
메타

이 스킬은 개발자들이 Polymarket 예측 시장 플랫폼을 활용한 애플리케이션을 구축할 수 있도록 지원하며, 거래 및 시장 데이터를 위한 API 통합 기능을 포함합니다. 또한 WebSocket을 통한 실시간 데이터 스트리밍을 제공하여 실시간 거래와 시장 활동을 모니터링할 수 있습니다. 이를 통해 거래 전략을 구현하거나 실시간 시장 업데이트를 처리하는 도구를 생성하는 데 활용할 수 있습니다.

스킬 보기
creating-opencode-plugins
메타

이 스킬은 개발자들이 명령어, 파일, LSP 작업 등 25개 이상의 이벤트 유형에 연결되는 OpenCode 플러그인을 만들 수 있도록 돕습니다. JavaScript/TypeScript 모듈을 위한 플러그인 구조, 이벤트 API 명세, 구현 패턴을 제공합니다. OpenCode AI 어시스턴트의 라이프사이클을 사용자 정의 이벤트 기반 로직으로 가로채거나, 모니터링하거나, 확장해야 할 때 사용하세요.

스킬 보기
sglang
메타

SGLang은 RadixAttention 프리픽스 캐싱을 활용하여 JSON, 정규식, 에이전트 워크플로우를 위한 고속 구조화 생성에 특화된 고성능 LLM 서빙 프레임워크입니다. 특히 반복되는 프리픽스가 있는 작업에서 상당히 빠른 추론 속도를 제공하여 복잡한 구조화 출력 및 다중 턴 대화에 이상적입니다. 제약 디코딩이 필요하거나 광범위한 프리픽스 공유가 있는 애플리케이션을 구축할 때는 vLLM과 같은 대안보다 SGLang을 선택하십시오.

스킬 보기