Communitygithub.com

ericrisco/rsc-harness

単一のコンバージョンページの文言(ヒーローヘッドラインとサブヘッド、オファー、証拠とお客様の声、1つの主要なCTA)を書く場合や、トラフィックはあるがコンバージョンしないページをレイアウトではなくコピーの問題として診断する場合に使用します。クリックを促す有料広告(`ads`)や、文言が配置されるビジュアルレイアウト(`design`)、勝者を選ぶ実験(`ab-testing`)ではありません。

rsc-harness とは?

このスキルは、単一のコンバージョンページ用のコピーライティングに特化しています。フック、オファー、証拠、CTAの4つのブロックを軸に、訪問者が読むすべての言葉をトップからボトムまで執筆します。具体的には、8語以内のヒーローヘッドラインとベネフィットサブヘッドの作成、ページ全体の構造化、機能からベネフィットへの変換、証拠(お客様の声、数字、ロゴ)の配置、そして1つの主要なCTAの反復を担当します。このスキルは、`design`(ビジュアルレイアウト)、`nextjs`(コード実装)、`ads`(広告コピー)、`ab-testing`(A/Bテスト)などの兄弟スキルと明確に境界を分けています。ページがコンバージョンしない原因をコピーの問題として診断し、修正する際に特に有効です。また、業界別のコンバージョン率ベンチマーク(例:SaaS 3.8%、Eコマース2.35%)を提供し、現実的な目標設定を促します。

対応✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/ericrisco/rsc-harness/tree/HEAD/skills/landing-copy

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

ランディングコピー — 1ページでコンバージョンする言葉

フック、オファー、証拠、CTA。訪問者が上から下まで読む言葉をあなたが書きます。レイアウトを描いたり、ページを構築したり、クリックを送る広告を書いたりはしません。

このスキルは 単一ページのコンバージョンコピー を担当します:約8語以下のヒーローヘッドラインとベネフィットサブヘッド、トップからボトムまでのページ骨格、ベネフィットとして提示されるオファー、リクエストの隣に配置される証拠、そして競合なく繰り返される1つの主要なCTA。これはコピーの仕事です。ピクセルは design、React/Nextの構築は nextjs、クリックを駆動する広告は ads の担当です。

使用する場合

  • ヒーロー(H1+サブヘッド+ボタンコピー)の作成または書き直し。
  • ランディング/セールスページ全体(フック→問題→オファー→証拠→CTA→反論)の構造化。
  • 1つの主要なCTAとその繰り返しインスタンスの選択と作成。
  • 機能からベネフィットへの変換(「AES-256暗号化」→「あなたのセキュリティチームは数日で承認する」)。
  • 証拠(お客様の声、指標、ロゴ、保証)をリクエストの隣に配置。
  • ページのヘッドラインをクリックを駆動した広告/メールに 一致 させる(メッセージマッチ)。
  • トラフィックはあるがコンバージョンしないページを救う — 失敗の原因が言葉である場合。

使用しない場合(これを所有する兄弟スキルにルーティング)

  • ビジュアルレイアウト、階層、スペーシング、コンポーネントシステム → design(../design/SKILL.md)。
  • コードでのページ構築、フォームワイヤリング、ルーティング → nextjs(../nextjs/SKILL.md)/ react。
  • ページ に トラフィックを送る有料Google/Meta広告コピー → ads。
  • ブランドのトーン、ボイスルール、レキシコン、使用禁止/推奨単語リスト → brand-voice。
  • オーガニック検索でのランキングやAI回答エンジンからの引用 → seo-geo。
  • 勝者バリアントを選ぶ実験の設計と実行 → ab-testing。
  • 独立したアセットとしてのスタンドアロンのカスタマーストーリーの作成 → case-studies。
  • マルチチャネルのローンチプラン、ナーチャーメール、キャンペーン戦略 → marketing(../marketing/SKILL.md)。

境界を一言で:あなたは1ページでコンバージョンする言葉を所有します。ads は届くクリックを、design は言葉が配置されるレイアウトを、ab-testing はどの言葉が勝つかの証明を所有します。

コンバージョンの現実(キャリブレーションし、決して約束しない)

これらの数値は期待値を設定するためのものです。バンド(範囲)として述べてください。フラットなコンバージョン率を約束した瞬間、ユーザーに対して嘘をついていることになります。

  • 業界横断の中央値は約6.6%;どの業界でも強いページは10~15%以上に達します。 業界ごとのばらつきは大きい:イベント&エンターテイメント約12.3%、金融サービス約8.4%、SaaS/テック約3.8%、Eコマース約2.35%、B2Bサービス約1~3%。理由: 「12%に達します」と言われたSaaSチームはイベントの中央値を引用されていた。彼らの 業界のバンドを引用することで、目標が現実的になります。(Foundry CROベンチマーク2026、Unbounceの4億6400万訪問/41,000ページの分析を引用)
  • 訪問者は約5秒で滞在するかどうかを決定し、約80%はファーストビューを超えてスクロールすることはほとんどありません。 理由: ヒーローはページ上で最もレバレッジの効くコピーです — 「これは何で、なぜ気にすべきか」にスクロール前に答えられなければ、残りは読まれません。(ヒーローセクション研究 / NN/g注意研究2026)

4つのブロック — ページの背骨

すべてのコンバージョンページはこれら4つのジョブで構成され、上から下へ並びます。それぞれに明確な質問、ページ上の位置、そして失敗モードがあります。どのブロックが弱いかを見つけることで、死んだページを診断します。

ブロック答えなければならない質問位置弱い場合の失敗モード
フック「これは何で、なぜ気にすべきか?」を5秒未満でヒーロー、ファーストビュー訪問者がスクロール前に離脱;約80%は残りを見ない
オファー「私は正確に何を得られ、そのコストは?」フック/問題の直後機能の羅列;読者は自分が何を得られるのかわからない
証拠「なぜあなたを信じるべきか?」各CTAの隣主張がマーケティング的に聞こえ、信頼が形成されない
CTA「次にやるべきことは何か?」ヒーロー、ページ内で繰り返し競合するリクエスト → 決断疲れ → クリックなし

フック

H1は 何 を伝え、サブヘッドは ベネフィット を伝えます。両方とも、訪問者がクリックしたものを反映しなければなりません。

  • H1は約8語/約44文字以内。 この制約が明確さを強制し、明確なヘッドラインは常に巧妙なものに勝ります。8語で言えなければ、まだオファーを理解していないということです。
  • サブヘッドはベネフィットを伝える — 誰のためのものか、そして彼らが得る成果を1節で。
  • メッセージマッチ: ヘッドラインはクリックを駆動した広告/メールの約束を反映しなければなりません。広告+ページ間で1つの主張を合わせるだけで、文書化されたケースで66%のCVR向上(メッセージマッチのみの修正で212%)が確認されています。あなたはページを広告に合わせます;広告を書くのは ads です。
悪い例 — 「金融オペレーションの未来を再考する」              (巧妙だが6語で何も言っていない)
良い例 — 「経費報告書が30秒で完了」                        (明確、5語、成果を明示)
           サブヘッド:レシートの山に埋もれる財務チームのために — スナップ、提出、承認。

オファー

ものの名前、成果、そして労力または金銭でのコストを明示します。買い手が得る成果でリードし、その成果を生み出すメカニズムを続けます。この機能→ベネフィット変換は、ほとんどのページで最も影響力の大きいコピーの変更です。

骨組みは FAB — 機能(Feature)→ 利点(Advantage)→ ベネフィット(Benefit) — ですが、読者が気にするベネフィットで止め、メカニズムを証拠としてその後ろに置きます。逆にしてはいけません。

悪い例 — 「当社のプラットフォームは高度なAES-256暗号化を備えています。」
良い例 — 「AES-256暗号化で顧客データを保護し、セキュリティチームが
          数日で承認、数ヶ月かかりません。」

ルール:すべての機能行は「だから何?」に成果で答えます。それができないなら、削除します。

証拠

信念はリクエストの隣で構築されます。他の場所に隔離された引用の壁の中ではありません。

  • 具体的な結果を示す、名前付きの3~5件のお客様の声。 「素晴らしい製品!」は誰も説得しません。「クローズ時間を9日から2日に短縮 — ルーメン社CFO、マリア」は説得します。具体的なものは最上級表現に勝ります。
  • 主要なCTAの隣に証拠を配置します。 リクエストの隣に社会的証明を置くことで、文書化されたケースでコンバージョンが約68%向上しました;レビュー/お客様の声は約93%の買い手にとって決定的であり、約88%はそれを個人的な推奨のように信頼します。理由: 信念と決定は同じ瞬間に行われます — 証拠をクリックがある場所に置きます。
  • 数字、認識可能なロゴ、リスクリバーサル(返金保証、カード不要)も証拠です。1つのハードな数字は3つの形容詞に勝ります。
  • 決して証拠を捏造しないでください。 指標、引用、ロゴが本物でない場合は、[[NEEDS PROOF]] とマークし、ユーザーに尋ねてください。発明しないでください。
悪い例 — 「あらゆるチームに愛されています。ワールドクラスの結果!」
良い例 — 「経費報告書の時間を最初の月で82%削減しました。」
            — マリア・オルティス、ルーメン社CFO(47人の財務チーム)

CTA

1つの主要なアクション、動詞で始め、ページ内でバリエーションではなく繰り返します。

  • 1ページに1つの主要なCTA。 競合するリクエストは決断疲れを引き起こし、コンバージョンを低下させます。同じアクションがヒーローと各決定ポイントに現れます;セカンダリリンクは存在しても構いませんが、視覚的にも言語的にも主要なものと競合してはいけません。
  • 動作動詞を使い、決して「送信」は使わない。 「無料トライアルを開始」「見積もりを取得」「プランを見る」 — ボタンはフォームアクションではなく、価値を述べます。
  • 一人称のフレーミングでクリックが増えることが多い: 「私の無料トライアルを開始」は訪問者自身の意図として読まれます。ボタンとともに摩擦を減らすマイクロコピーを1行ペアにします(「クレジットカード不要」)。
悪いボタン例 — [送信]            [もっと詳しく]        [営業に問い合わせ]
良いボタン例 — [私の無料トライアルを開始]  ...繰り返し...  [私の無料トライアルを開始]
                その下:クレジットカード不要。いつでもキャンセル可能。

骨組みとしてのフレームワーク(読者の言葉で埋める)

これらは骨格であり、買い手の実際の言語で埋めるためのものです。雛形を埋めるためのものではありません。

  • PAS — 問題(Problem)→ かき立てる(Agitate)→ 解決策(Solution)。痛みに気づいているトラフィックに最適。
  • AIDA — 注意(Attention)→ 興味(Interest)→ 欲望(Desire)→ 行動(Action)。広いファネル上部。
  • BAB — 前(Before)→ 後(After)→ 橋(Bridge)。変革ストーリー。
  • FAB — 機能(Feature)→ 利点(Advantage)→ ベネフィット(Benefit)。オファーブロック。

一般的なスタック:PAS/AIDAフック → FABオファー → 証拠 → CTA。 オファーの前に問題をどれだけかき立てるかは、トラフィックの温度に依存します(コールドはより多く必要、ウォームは直接オファーへ)。完全な説明、新しい例、認知段階の注意事項 → references/frameworks.md。

アンチパターン → 修正

合理化現実 / 修正
「巧妙なヘッドラインが目立つ」巧妙は不明瞭。成果を8語未満で示せ;明確が巧妙に勝る。
「より多くの機能=より多くの価値を示す」機能の羅列はベネフィットを埋もれさせる。成果でリードし、次にメカニズム。
「選択肢として複数のCTAを与える」選択肢はコンバージョンを殺す。1つの主要なアクションを繰り返し、バリエーションをつけない。
「どんなお客様の声でもよい」一般的な絶賛は説得しない。具体的な結果を示す名前付きの引用を3~5件、CTAの隣に。
「ワールドクラス、最先端、ゲームチェンジャー」誇大広告の言葉はAIテンプレートコピーを示す。数字か名前付きの結果に置き換えよ。
「ページは独自の主張をしてよい」ヘッドラインが広告の約束を無視すれば、メッセージマッチの向上を失う。クリックを反映せよ。
「12%のコンバージョン率を約束する」フラットな数字を決して約束するな。彼らの業界のバンドを引用せよ。
「もっともらしい指標をでっち上げる」絶対にするな。[[NEEDS PROOF]] とマークし、ユーザーに尋ねよ。

ページ骨格+実例

注釈付きのトップからボトムまでの骨格(フック→問題→オファー→証拠→CTA→反論/FAQ→最終CTA)と、完全に書き上げられた1つのB2B SaaSの例、および変数スロットのマークは、references/page-skeleton.md にあります。単一ブロックではなくページ全体を書く場合は、そこから始めてください。

コピーを検証する

完了を主張する前に、作成したファイル(またはプロジェクト)に対して scripts/verify.sh を実行してください。これは読み取り専用で依存関係のない静的チェックです:H1の長さ、正確に1つの主要なCTA動詞(競合するリクエストをフラグ)、証拠ブロックとベネフィットサブヘッドの存在、誇大広告/AIの決まり文句の禁止リスト、「送信」の警告。ソフトな問題については警告し、ハードな問題(CTAなし、証拠なし)の場合のみ非ゼロで終了します。これは最終的な判断ではなく、バックストップです — 4つのブロックのテーブルが判断です。

関連項目

  • ../design/SKILL.md — ピクセル:レイアウト、階層、言葉が存在するビジュアルシステム。
  • ../nextjs/SKILL.md — 構築:コードでのページレンダリング。
  • ../marketing/SKILL.md — より広いキャンペーン:メールシーケンス、チャネル、ローンチアーク。
  • ads — クリックを駆動する有料広告コピー(ここにルーティング;あなたはページを広告に合わせるだけ)。
  • ab-testing — どのヘッドライン/CTAが勝つかを証明する実験。
  • case-studies · brand-voice · seo-geo — 証拠アセット、ボイスルール、検索レイヤー。
  • 参考文献:references/frameworks.md、references/page-skeleton.md。

Individual skills in this repo

This repo contains 9 individual skills — each has its own dedicated page.

ericrisco/rsc-harness

Use when you need to render an actual video file with Remotion — React compositions, the Composition/Sequence/TransitionSeries graph, transitions, burned-in word-by-word captions from a transcript, automatic silence removal, b-roll overlays, headless CI renders, and a final MP4 or MOV. NOT writing the script, hook, beats or caption text (that is `video-shorts`), NOT mastering audio to LUFS or building an RSS feed (that is `podcast`), NOT structuring the narrative arc (that is `course-storytelling`).

ericrisco/rsc-harness

Use when you have raw 9:16 footage and need it cut into a post-ready vertical short — dead air removed, fast jump cuts, karaoke word-by-word burned-in captions from a transcript, cuts and zooms snapped to the music beat, safe-area placement so captions clear the platform UI, and a platform-correct MP4 export. NOT writing the script, hook, beats or caption text (that is `video-shorts`), NOT building a Remotion React composition codebase (that is `remotion-video`), NOT deciding when or where to post (that is `social-publisher`).

ericrisco/rsc-harness

Use when a Reels/TikTok/Shorts account needs its next video ideas scored into a ranked backlog, grounded in its own performance log plus dated trending sounds, each bet logged so its outcome feeds the next batch. NOT scripting a chosen idea (that is `video-shorts`), NOT pillars or cadence (that is `shortform-strategy`), NOT packaging a finished cut (that is `shortform-packaging`).

ericrisco/rsc-harness

Use when a vertical short is shot or scripted and you need the upload-form copy and cover that win the feed — the hook line, the first-frame on-screen text, the search-led caption, a tight hashtag set, and the cover frame; it learns from what performed via the 02-DOCS log. NOT inventing the idea (that is `shortform-ideation`), NOT scripting or directing the cuts (that is `video-shorts`), NOT executing the edit (that is `shortform-editing`), NOT scheduling the post (that is `social-publisher`).

ericrisco/rsc-harness

Use when the unit of work is a TikTok/Reels account, not one clip: positioning, sustainable cadence and format mix, ride-or-skip on a trend or sound, recurring series, diagnosing a flat account, and the dated learning loop. NOT the single script or hook variants (that is `video-shorts`), NOT the idea backlog (that is `shortform-ideation`).

ericrisco/rsc-harness

Use when planning a posting schedule, building a multi-platform content calendar, or reshaping one source asset into channel-native posts across X, LinkedIn, Instagram, Threads, Bluesky, TikTok, Facebook or YouTube — cadence, best-time slots, per-platform format limits, API publish caps, and a dated CSV or JSON calendar a scheduler can import. NOT the brand voice the posts speak in (that is `brand-voice`), NOT the editorial strategy of what to make (that is `content-engine`).

ericrisco/rsc-harness

Use when connecting a real TikTok account to code via the Content Posting, Display and Business Account APIs — OAuth, chunked video publish with status polling, and pulling views, watch time and impression sources, then logging that performance into the wiki as a dated feedback record. Covers short-lived tokens breaking a cron, unverified pull-from-URL ownership, and rate limits. NOT what to post or how to package it (that is `shortform-strategy` and `shortform-packaging`).

ericrisco/rsc-harness

Use when scripting or directing the edit of a single vertical short that has to hold attention from the first frame — turning a topic, a clip or a long video into a shot-by-shot script and an edit decision sheet, fixing a hook that dies in second three, generating hook variants to test, and planning cuts and on-screen text. NOT scheduling or cross-platform cadence (that is `social-publisher`), NOT running the editorial calendar (that is `content-engine`), NOT defining the durable brand tone (that is `brand-voice`).

ericrisco/rsc-harness

Use to judge whether a short-form clip is worth publishing — scores a reel, short or podcast excerpt 0-100 on ten weighted criteria with automatic penalties, then ranks a batch and says where the cut-off falls. Run it on transcript candidates before rendering. NOT writing the hook or caption (that is `shortform-packaging`), NOT inventing the idea (that is `shortform-ideation`), NOT executing the edit (that is `shortform-editing`).

関連スキル