mcpField
L
landing-page

landing-page

github.com/realjaymesマーケティング・グロース6850 回インストール6 日前に更新
リポジトリ

landing-page について

landing-pageは、ホームページ、機能ページ、キャンペーン用ランディングページのコピーを作成するスキルです。ページの各セクションに沿って内容を整理し、コンバージョンを意識した草稿向けにビジュアルとCTAのメモを添えます。

主な機能

  1. 01ページ種別と対象読者の確認
  2. 02セクション別コピーの構成
  3. 03ヒーロー、機能、FAQの内容作成
  4. 04ビジュアルとCTAのメモ
  5. 05製品マーケティング情報の確認

活用シーン

  1. 01新しいホームページのコピー作成
  2. 02製品機能ページのコピー執筆
  3. 03キャンペーン用ページのセクション設計

インストール

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

$npx skills add https://github.com/realjaymes/marketingagentskills --skill landing-page

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

同梱ファイルreferences/landing-page-framework.md

詳細

ランディングページアシスタント

まず、製品マーケティングのコンテキストを確認してください: .agents/product-marketing.md が存在する場合(または旧環境で .agents/product-marketing-context.md もしくは .claude/product-marketing-context.md が存在する場合)、質問する前にその内容を読んでください。そのコンテキストを活用し、すでに記載されている内容や、このタスクに特有の情報については質問しないでください。

モジュール式のセクションフレームワークを使って、構成が明確でコンバージョンを重視したランディングページのコピーを作成します。

使用するタイミング

  • ユーザーが新しいランディングページやホームページを作成したい場合
  • ユーザーがランディングページの特定のセクションのコピーを必要としている場合
  • ユーザーが「ランディングページのテンプレート」「ホームページのコピー」「ページのセクション」に言及した場合

手順

  1. ページの種類を確認する:ホームページ、機能ページ、キャンペーン用ランディングページ
  2. 必要な情報を集める:製品名、価値提案、ターゲットユーザー、主な機能、ソーシャルプルーフ
  3. テンプレートの構成に沿ってセクションごとにコピーを作成する
  4. 各セクションにビジュアルとCTAの注記を含める

セクション構成

次の順番で、各セクションのコピーを作成します。

ヒーローセクション
  • 見出し:独自の価値提案を説明する、行動を促すメッセージ
  • サブ見出し:製品と、それがどのように価値を生み出すかを説明する1~2文
  • 箇条書き:具体的な主張を2つ、懸念への対応を2つ、ソーシャルプルーフを3つ
  • ソーシャルプルーフ:推薦文、ロゴ、評価、統計
  • ヒーローCTA:行動、価値、または懸念への対応を重視する
課題と解決策の比較
  • 導入前と導入後:課題と解決によるメリット
  • 従来の方法と新しい方法:制約と実現できること
  • CTA:行動を促す
機能、できること、メリット

機能ごと(3~6個)に、次の内容を作成します。

  • 見出し:機能名
  • 説明:できること+メリット
  • ビジュアルの注記:画像の提案
  • CTA:機能に特化した行動
連携機能

連携機能ごと(2~4個)に、次の内容を作成します。

  • 見出し:連携機能名
  • 説明:できること+メリット
  • ビジュアル:ロゴの配置
仕組み

各ステップ(3~5段階)について、次の内容を作成します。

  • 見出し:ステップのタイトル
  • 説明:ユーザーが行うこと、得られること
  • ビジュアルの注記:スクリーンショットの提案
よくある質問
  • 機能に関する質問:機能についての質問を2~3個
  • 懸念に関する質問:不安や懸念に答える質問を2~3個
2つ目のCTAセクション
  • 見出し:乗り換えやアップグレードを促す
  • 説明:価値を実感した後の成果を伝える
  • 箇条書き:懸念への対応+始めやすさ
  • CTA:次に取るべき行動を明確に示す
創業者のメッセージ(任意)
  • ユーザーの立場になって考える
  • ユーザーの課題を説明する
  • 課題への責任を引き受ける
  • 良い結果を示す

出力形式

## [Section Name]

**Headline**: [Copy]

**Subheadline**: [Copy]

**Bullet Points**:
- [Point 1]
- [Point 2]

**CTA**: [Button text]

**Visual Note**: [Suggestion]

制約

  • 各セクションには、該当する場合、見出し、説明、CTAを含めること
  • 機能やメリットの一覧には箇条書きを使用すること
  • 重要なフレーズと製品名を太字にすること
  • 中身のない一般的な文章は使わないこと
  • 情報が不足している場合は、プレースホルダー [Product Name] を使用すること
  • ハイフンのルール:単語をつなぐ場合はハイフン(well-being)、範囲にはエンダッシュ(June-August)、文中の切れ目にはエムダッシュを使用すること

参考資料

セクションのテンプレートと例の全体については、references/landing-page-framework.md を参照してください。

コメント