mcpField
L
landing-page-builder

landing-page-builder

github.com/majesticlabs-devマーケティング・グロース5052 回インストール7 週間前に更新
リポジトリ

landing-page-builder について

マーケティング向けのスキルで、構成に沿ったランディングページのコピー作成と、既存ページのコンバージョン監査に対応します。商品や対象者の情報を集め、ページ種別や認知段階に応じたコピーや改善案を提示します。

主な機能

  1. 01ランディングページのコピー作成
  2. 02既存ページのCRO監査
  3. 03対象者とオファー情報の収集
  4. 04認知段階に応じた訴求
  5. 05優先度付き実験案の提示

活用シーン

  1. 01リード獲得や販売ページの作成
  2. 02ページURLやコピーのレビュー
  3. 03流入元に合わせた見出し作成

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/majesticlabs-dev/majestic-marketplace --skill landing-page-builder

インストール後、Claude Code で/landing-page-builderを入力して読み込まれたか確認します。

詳細

ランディングページビルダー

2 つのモードがあります。

  1. ビルドモード(デフォルト):コンバージョンにつながる、構成の整ったランディングページのコピーを生成します
  2. 監査モード:既存のページを分析し、コンバージョン改善の提案を行います

ユーザーの意図からモードを判断してください。URL または既存のコピーが共有された場合は、監査モードに切り替えてください。

必要な入力項目

AskUserQuestion を使って、ユーザーから次の情報を集めてください。

入力項目説明
商品/オファー提供するもの(名称、価格、特典、保証)
ターゲットオーディエンス対象となる人(人口統計的属性、心理的属性)
ペインポイントオーディエンスが抱える具体的な問題 2~3 件
主なメリット成果を重視したメリット 2~3 件
実績・証拠お客様の声、事例、統計データ
ページの目標単一のコンバージョン目標(見込み客獲得、販売、デモ、登録)
認知度レベル問題認知、解決策認知、または製品認知
トラフィックソース訪問者の流入元(広告コピー、メール、オーガニック)

ユーザーからすべての情報が提供されていない場合は、作業を進める前に不足している項目を尋ねてください。

会話の開始

ユーザーがまだ背景情報を提供していない場合は、次のように始めてください。


ランディングページのコピー作成をお手伝いします。次の情報をお知らせください。

基本情報:

  1. どのような商品/サービスを宣伝していますか?(名称、価格、オファーの詳細)
  2. コンバージョンの目標は何ですか?(見込み客獲得、販売、デモ、登録)
  3. トラフィックはどこから来ますか?(広告、メール、オーガニック。可能であれば流入元のコピーも共有してください)

オーディエンスについて: 4. 対象となるのはどのような人ですか?(役職、状況、知識レベル) 5. 現在抱えているつらい状況と、理想とする結果を教えてください。 6. 行動を妨げているものは何ですか?(不安、反論、懐疑心)

実績について: 7. 最も優れたお客様の声や事例はありますか?(具体的な成果があるものが望ましいです) 8. 信頼につながる要素はありますか?(ロゴ、資格、メディア掲載実績)

これらの情報をもとに、オーディエンスの認知度レベルに合ったコピーを作成します。


出力構成

次の順序でコピーを作成してください(ランディングページ全体)。

1. ヒーローセクション
  • 見出し:8~12 語。トラフィックソースのメッセージに合わせる
  • サブ見出し:15~20 語。見出しの約束を具体的に説明する
  • ヒーロー CTA:メインボタンのテキスト
2. 問題提起セクション
  • 痛みに共感する(2~3 文)
  • 相手の状況を理解していることを示す
  • 解決策を提示する前に共感を生み出す
3. 解決策セクション
  • 商品/オファーを紹介する
  • 仕組みを説明する(どのように機能するか)
  • シンプルにし、専門用語は避ける
4. メリットセクション
  • メリットのブロックを 3~5 個
  • 各ブロック:太字で成果を示し、それを補足する詳細を添える
  • 機能ではなく、変化に焦点を当てる
5. 実績・証拠セクション
  • 具体的な成果を含むお客様の声
  • 事例の抜粋
  • 信頼につながる要素(ロゴ、数値、資格)
6. 反論への対応
  • よくある反論を 2~3 件取り上げる
  • FAQ 形式または本文中で対応する
  • 懐疑心を安心感に変える
7. オファーの内訳
  • 含まれる内容を明確に説明する
  • 価格を提示する(適切な場合はアンカリングを使う)
  • 特典とその価値を記載する
  • 保証を目立つように表示する
8. 最終 CTA
  • 本物の緊急性がある場合は、その要素を加える
  • リスクを軽減する要素を再提示する
  • ボタンのテキストを明確にする

アプローチのガイドライン

問題認知段階のオーディエンス向け:

  • 痛みへの共感から始める
  • 問題の説明と深掘りに多くの時間を割く
  • 商品を紹介する前に、解決策のカテゴリーについて説明する

解決策認知段階のオーディエンス向け:

  • 差別化要素から始める
  • なぜ「この」解決策なのかに焦点を当てる
  • 他の選択肢と(配慮しながら)比較する

製品認知段階のオーディエンス向け:

  • オファーや特典から始める
  • 実績・証拠と反論への対応に焦点を当てる
  • コピーを短くし、CTA へすばやく誘導する

オーディエンス心理チェックリスト

情報を集める際は、以下を理解していることを確認してください。

要素答えるべき質問
現状日々どのような不満を感じていますか?
理想の状態どのような状態を成功だと考えていますか?
隠れた不安心の奥では何を恐れていますか?
信頼への障壁あなたを信じられない理由は何でしょうか?
意思決定のきっかけすぐに行動を起こすきっかけは何でしょうか?

これらの知見を活用して、次のことを行います。

  • 感情に響く問題提起のセクションを書く
  • 相手の認知度に合った見出しを選ぶ
  • 反論が出る前に対処する
  • 誠実さを感じられる緊急性を生み出す

品質基準

  1. メッセージの一致:見出しは流入元のコピーを反映させます
  2. 目標は1つ:すべてのコピーで1つのコンバージョンを促します
  3. 具体的な証拠:曖昧な主張ではなく、数値、名前、成果を示します
  4. 明確な CTA:次のステップを明確にし、迷わせません
  5. モバイルファースト:段落を短くし、読みやすい構成にします
  6. 無駄を省く:「とても」「本当に」「ただ」「素晴らしい」を削ります

出力形式

## [PAGE TITLE]

### Hero
**Headline:** [8-12 words]
**Subheadline:** [15-20 words]
**CTA Button:** [Button text]

---

### Problem
[2-3 sentences acknowledging pain]

---

### Solution
[Product introduction + mechanism]

---

### Benefits
**[Benefit 1]**: [Supporting detail]
**[Benefit 2]**: [Supporting detail]
**[Benefit 3]**: [Supporting detail]

---

### Proof
[Testimonials/case studies/trust indicators]

---

### Objections
**[Objection 1]?** [Response]
**[Objection 2]?** [Response]

---

### Offer
**What You Get:**
- [Item 1] (Value: $X)
- [Item 2] (Value: $X)
- [Bonus] (Value: $X)

**Total Value:** $XXX
**Your Investment:** $XX

**Guarantee:** [Guarantee details]

---

### Final CTA
[Urgency + risk reversal + button text]

このスキルで対応しないこと

  • 特定のフレームワーク(AIDA、PAS など)を指定すること。選択するのはあなたです
  • 複数のバリエーションを生成すること。焦点を絞った1つのバージョンを作成します
  • デザインやビジュアルの指針を含めること。コピーのみを扱います
  • 特定のコンバージョン率を保証すること

CRO 監査モード

ユーザーが既存のページの URL またはコピーを提示した場合は、監査モードに切り替えます。

検出方法

次の場合、監査モードが起動します。

  • 分析対象の URL を共有する
  • 既存のランディングページのコピーを貼り付ける
  • ページの「レビュー」「監査」「最適化」「改善」を依頼する
CRO 分析の優先順位

コンバージョンへの影響が大きい順に分析します。

優先度要素確認事項
1バリュープロポジション訪問者は5秒以内に、これが何で、なぜ関心を持つべきか理解できますか?
2見出し流入元と一致していますか?具体的な成果を示していますか?顧客の言葉を使っていますか?
3CTA の配置とコピーファーストビューにありますか?メリットを重視していますか?証拠を示した後に繰り返していますか?
4視覚的な階層明確な視線の流れがありますか?重要な情報をひと目で把握できますか?
5信頼のシグナルCTA の近くにありますか?メリットを主張した後にありますか?一般的な内容ではなく、具体的ですか?
6反論への対処主な反論3つに対処していますか?最後の CTA の前に配置されていますか?
7摩擦点フォームは長すぎませんか?必須項目は適切ですか?次のステップは明確ですか?
ページタイプ別の実験ライブラリ

ページタイプに応じて、優先度を付けた実験を3~5件提示します。

ホームページの実験:

  • ヒーロー見出しの A/B テスト(成果訴求 vs. カテゴリーの説明)
  • ソーシャルプルーフの配置(ファーストビュー vs. ヒーローの下)
  • CTA のコピー(行動重視 vs. メリット重視)
  • ナビゲーションの表示(全表示 vs. 最小限)

ランディングページの実験:

  • 長文コピー vs. 短文コピー
  • 動画のヒーロー vs. テキストのヒーロー
  • CTA を1つにする vs. 複数にする
  • お客様の声の形式(テキスト vs. 動画 vs. ケーススタディ)
  • 価格アンカリングの有無

料金ページの実験:

  • プラン数(2 vs. 3 vs. 4)
  • 機能比較表の有無
  • 年間払い vs. 月払いの初期設定
  • 「人気プラン」バッジの配置
  • FAQ セクションの有無

サインアップフローの実験:

  • 1ページフォーム vs. 複数ステップのフォーム
  • ソーシャルログインの目立たせ方
  • 入力項目の削減(メールアドレスのみ vs. 全項目)
  • 進捗インジケーターの有無
  • フォーム入力中のメリットの再提示
監査の出力形式
## CRO AUDIT: [Page Name/URL]

### 5-Second Test Result
[What a visitor understands in 5 seconds - pass/fail]

### Priority Issues (Fix First)
1. **[Element]**: [Problem] → [Specific fix]
2. **[Element]**: [Problem] → [Specific fix]
3. **[Element]**: [Problem] → [Specific fix]

### Quick Wins (Easy improvements)
- [Change 1]
- [Change 2]
- [Change 3]

### Recommended Experiments
| Test | Hypothesis | Expected Impact |
|------|------------|-----------------|
| [Test 1] | [Why it might work] | High/Medium/Low |
| [Test 2] | [Why it might work] | High/Medium/Low |

### Rewritten Elements
**Current Headline:** "[Original]"
**Suggested Headline:** "[Improved version]"

**Current CTA:** "[Original]"
**Suggested CTA:** "[Improved version]"

### Before/After Score
| Element | Before | After (if implemented) |
|---------|--------|------------------------|
| Clarity | X/10 | X/10 |
| Trust | X/10 | X/10 |
| Urgency | X/10 | X/10 |
| Overall | X/10 | X/10 |

sales-page との使い分け

次の場合は landing-page-builder を使用します次の場合は sales-page を使用します
メッセージがすでに決まっているゼロから始める
コピーをすばやく作成したい競合調査をしたい
ポジショニングがすでに決まっている定型フォーマットのライブラリが必要
時間が限られている設計図とテンプレートがほしい
既存ページを監査するテンプレートを使ってゼロから構築する

コメント