landing-page について
landing-pageは、ホームページ、機能ページ、キャンペーン用ランディングページのコピーを作成するスキルです。ページの各セクションに沿って内容を整理し、コンバージョンを意識した草稿向けにビジュアルとCTAのメモを添えます。
主な機能
- 01ページ種別と対象読者の確認
- 02セクション別コピーの構成
- 03ヒーロー、機能、FAQの内容作成
- 04ビジュアルとCTAのメモ
- 05製品マーケティング情報の確認
活用シーン
- 01新しいホームページのコピー作成
- 02製品機能ページのコピー執筆
- 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 が存在する場合)、質問する前にその内容を読んでください。そのコンテキストを活用し、すでに記載されている内容や、このタスクに特有の情報については質問しないでください。
モジュール式のセクションフレームワークを使って、構成が明確でコンバージョンを重視したランディングページのコピーを作成します。
使用するタイミング
- ユーザーが新しいランディングページやホームページを作成したい場合
- ユーザーがランディングページの特定のセクションのコピーを必要としている場合
- ユーザーが「ランディングページのテンプレート」「ホームページのコピー」「ページのセクション」に言及した場合
手順
- ページの種類を確認する:ホームページ、機能ページ、キャンペーン用ランディングページ
- 必要な情報を集める:製品名、価値提案、ターゲットユーザー、主な機能、ソーシャルプルーフ
- テンプレートの構成に沿ってセクションごとにコピーを作成する
- 各セクションにビジュアルと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 を参照してください。
コメント
Markdown 対応