page-cro

page-croスキルの概要

page-croスキルでできること

page-croスキルは、マーケティングページをレビューし、コンバージョン改善につながる実践的な打ち手を見つけるための構造化プロンプトワークフローです。ホームページ、ランディングページ、料金ページ、機能紹介ページ、ブログ記事、デモページなどに向いており、単に「フィードバックを出す」のではなく、「より多くの訪問者に次のアクションを取ってもらう」ことを目的に設計されています。

page-croが特に向いている人

このpage-croスキルは、すでにページと流入があり、signup、デモ依頼、購入、購読、ダウンロードといった明確なアクションを伸ばしたいマーケター、創業者、グロースチーム、プロダクトマーケター、代理店、事業オペレーション担当に適しています。特に、URLを共有されて「なぜこのページは成果が出ないのか？」と聞かれる場面で使いやすいです。

本当に解決したい仕事

ユーザーが欲しいのは、ただの講評ではありません。「このページはコンバージョンしない」という曖昧な悩みを、次のような形に落とし込むコンバージョン視点の診断です。

• あり得る原因
• 優先順位付きの改善案
• より強いメッセージ案
• 検証可能な実験案

この点で、page-croは汎用的な「このページをレビューして」プロンプトより実務向きです。

page-croが他と違うポイント

page-croの最大の違いは、判断の枠組みにあります。分析をCROで重要な観点に沿って進めるようになっており、たとえば次のような要素を見ます。

• value propositionの明確さ
• headlineの効き方
• CTAの配置と文言
• visual hierarchy
• trust signals
• objection handling
• friction points
• 流入元ごとのmessage match

さらに、出力を「quick wins」「高インパクトな変更」「experiment ideas」に整理しやすく、実際のチームが改善を進める流れに近いのも特徴です。

別のスキルを選んだほうがよいケース

主な問題がページそのものではないなら、別スキルのほうが適しています。

• signupや登録フローの問題: signup-flow-cro
• signup後のアクティベーション課題: onboarding-cro
• フォーム単体の最適化: form-cro
• popupやmodalの成果改善: popup-cro

page-croスキルの使い方

page-croのインストール方法

Skillsエコシステムを使っている場合は、次のコマンドでリポジトリからpage-croをインストールできます。

npx skills add https://github.com/coreyhaines31/marketingskills --skill page-cro

インストール前に中身を確認したいなら、まず次を見てください。

• skills/page-cro/SKILL.md
• skills/page-cro/evals/evals.json
• skills/page-cro/references/experiments.md

この3ファイルで、重要なポイントの大半を把握できます。つまり、対象範囲、期待される出力の形、テスト案です。

page-croを使う前に最初に読むべきもの

最初はSKILL.mdを読んで、発火条件と分析フローを把握するのが基本です。そのあとで次を確認します。

• evals/evals.json: 良い出力に何が含まれるかの具体例
• references/experiments.md: ページタイプ別のA/Bテスト案

リポジトリ全体をざっと眺めるより、この順番で読むほうが迷いが減ります。

page-croに最低限必要な入力

page-croスキルは、次の情報があると最も効果を発揮します。

• ページURLまたはページ文面の貼り付け
• ページタイプ
• 主なコンバージョン目標
• 流入元
• ターゲットオーディエンス
• 現在のコンバージョン課題や基準値
• ブランド、法務、価格、開発工数などの制約

これらがなくても分析自体は可能ですが、推測ベースの比率が高くなります。

page-croを使うときの理想的な入力形式

強いプロンプトは、たとえば次のような形です。

• “Analyze this pricing page for conversion: [URL]”
• “Primary goal: demo requests”
• “Traffic source: branded search and retargeting”
• “Audience: IT managers at mid-market SaaS companies”
• “Problem: lots of visits, low form starts”
• “Constraint: we cannot change pricing model this quarter”

このくらい文脈があると、message match、意図との整合性、想定される反論ポイントまで判断しやすくなります。

曖昧な依頼を完成度の高いプロンプトに変える

弱いプロンプト:

• “Can you improve this page?”

より良いプロンプト:

• “Use the page-cro skill to review [URL]. This is a landing page for cold Google Ads traffic. Primary conversion is free trial signup. Audience is operations leaders at ecommerce brands. Current signup rate is 1.2% from 5,000 monthly visits. Please identify the biggest conversion blockers, then give quick wins, high-impact changes, and 5 A/B test ideas. Include 3 alternative headlines and 3 CTA variations.”

強い依頼文のほうが、流入の質、ユーザー意図、コンバージョンの経済性に分析の軸が定まるため、提案の精度が上がります。

page-croが最初に確認する重要コンテキスト

上流のスキルでは、追加質問をする前に .agents/product-marketing-context.md または .claude/product-marketing-context.md を確認するよう明示されています。ワークスペースにこれらのファイルがあるなら、内容を最新に保っておくのがおすすめです。ポジショニング、対象顧客、プロダクト文脈を先に渡せるので、同じ質問の繰り返しを減らし、提案の質も上げられます。

page-croの推奨ワークフロー

実務で回しやすい進め方は次のとおりです。

1. ページタイプとコンバージョン目標を特定する
2. 流入元とmessage matchを確認する
3. hero、headline、subhead、CTA、above-the-foldの明瞭さを見る
4. trust、proof、objections、frictionを点検する
5. 工数と期待インパクトで改善案に優先順位を付ける
6. 提案を実験案に落とし込む

これは重要です。質の低いページレビューは、オファー、ターゲット適合、CTA導線がズレていないかを見ずに、いきなりコピー調整へ飛びがちだからです。

page-croが出力しやすい内容

evalsを見る限り、良いpage-cro usageでは次のような出力が期待できます。

• CRO観点ごとの診断
• quick wins
• 高インパクトな変更案
• テストアイデア
• headlineやCTAの代替案
• 広告やキャンペーン流入時のmessage matchに関する指摘

すぐにチームで動ける材料が欲しい場合、この出力形式は実用的です。

ページタイプ別にpage-croを使い分ける

page-croスキル自体は幅広く使えますが、プロンプトではページタイプを明確に絞るべきです。

• homepage: プロダクト、対象読者、次に取ってほしい行動を明確にする
• landing page: message matchとコンバージョンへの集中度を重視する
• pricing page: プランの見せ方、比較の明快さ、反論処理を評価する
• feature page: 機能から成果への翻訳ができているかを見る
• blog/resource page: コンテンツからコンバージョンへの導線を最適化する

ここではreferences/experiments.mdが特に有用です。すべてのページを同じように扱うのではなく、ページタイプ別にアイデアが整理されています。

page-cro for Conversionの出力品質を上げる実践的なコツ

page-cro for Conversionでより良い結果を得たいなら、次も含めると効果的です。

• ページが変動する、またはパーソナライズされる場合のスクリーンショット
• 正確なCTA文言
• 流入がwarmかcoldか
• 訪問前にユーザーが何を期待していたか
• mobileとdesktopのどちらを優先するか
• 営業やサポートが把握している既知の反論
• bounce、scroll depth、click-throughなどの分析シグナル

これらがあると、メッセージの問題なのか、UX上の摩擦なのか、優先順位付けのミスなのかを切り分けやすくなります。

導入時によくあるつまずき

大きな障害は、たいていインストールではありません。多いのは次のようなケースです。

• コンバージョン目標が曖昧
• 流入文脈がない
• オーディエンス定義がない
• 実際のページなしで「best practices」を求める
• 本来は別のCROスキル向きのフローにpage-croを使う

ユースケースが曖昧だと、出力はそれらしく見えても実行に移しにくくなります。

page-croスキルFAQ

page-croはランディングページ専用ですか？

いいえ。page-croスキルは、homepages、pricing pages、feature pages、blog posts、demo pagesなど、さまざまなマーケティングページを対象にしています。ページが測定可能な次のアクションを促すべき場面なら、基本的に適しています。

page-croは初心者でも使えますか？

はい。ページと目標を提示できれば、初心者でも使えます。深いCRO知識が必須というわけではありませんが、文脈が多いほど提案の質は大きく上がります。初めてなら、1つのURL、1つのコンバージョン目標、1つの対象読者に絞って始めるのがおすすめです。

通常のAIページレビューとpage-croは何が違いますか？

通常のプロンプトは、デザインやコピーについて一般論に寄りがちです。page-croはよりコンバージョン志向で、「これはどんなページか」「何の行動が重要か」「訪問者はどこから来るのか」「何が行動を妨げていそうか」を先に問います。この構造があるため、優先順位まで含めて使いやすい提案になりやすいです。

page-croは講評だけでなく実験案にも使えますか？

はい。リポジトリにはreferences/experiments.mdが含まれており、ページタイプ別の具体的なA/Bテスト案が追加されています。そのためpage-cro guideは、ただ提案を眺めるだけでなく、検証すべき仮説まで欲しいチームに向いています。

page-croを使わないほうがいいのはどんなときですか？

主な課題が次のいずれかなら、page-croは適任ではありません。

• signup後のonboarding
• registration flowの最適化
• popupやmodalのパフォーマンス改善
• ページ文脈を切り離したフォーム単体の調整

これらは同じリポジトリ内に、より適したスキルがあります。

page-croを使うのに分析データは必要ですか？

いいえ、必須ではありません。ただし、あるとかなり有利です。conversion rate、bounce rate、traffic sourceのような基本指標だけでも、提案の信頼性と具体性は上がります。データがなくても有力な阻害要因は見つけられますが、確度は下がります。

page-croはURLだけでも機能しますか？

はい。実際、このスキルは「URLだけ共有してフィードバックを求める」状況でも動くことを前提に設計されています。ただし、オーディエンス、流入元、コンバージョン目標も合わせて渡したほうが、page-cro usageの質は大きく向上します。

page-croスキルを改善する方法

page-croに事業文脈をより明確に渡す

最も効果が大きい改善は、プロンプトを長くすることではなく、文脈を鋭くすることです。次を含めてください。

• target customer
• traffic intent
• desired action
• offer details
• business constraints

これにより、そのページの問題が本当にcopy、trust、positioning、CTA fit、offer mismatchのどこにあるのかを判断しやすくなります。

プロンプトにより強い根拠を入れる

単に“conversion is low”と言うのではなく、たとえば次のように書きます。

• “1.2% free trial conversion from cold Google Ads”
• “30% bounce on pricing page”
• “middle plan underselected”
• “mobile visitors drop before form start”

根拠が具体的になると、分析は一般論の講評から、より信頼できる診断へ変わります。

ブレストではなく優先順位付きの出力を求める

実行しやすさを重視するなら、page-croスキルに次を分けて出すよう依頼してください。

• quick wins
• high-impact changes
• experiments
• copy alternatives

この構造はevalsでも支えられており、担当者への割り振り、テスト、レビューまで進めやすい出力につながります。

有料流入ではmessage matchの文脈を必ず渡す

よくある失敗は、ページ単体だけを見て評価してしまうことです。流入がads、email、affiliates、campaign経由なら、流入元のcopyや約束している内容も一緒に渡してください。page-cro for Conversionは、流入時の約束とページのheadline、CTA、offerを比較できると、明らかに精度が上がります。

headlineとCTAの依頼を改善する

代替案を書かせたいなら、依頼は具体的にします。

• 3つのheadline案を依頼する
• 意図の強さごとのCTAバリエーションを依頼する
• 各案のrationaleを求める
• 各案がどのオーディエンスの反論に効くかを求める

単に“rewrite the copy”と頼むより、はるかに使える出力になります。

最初のpage-cro診断後にもう一段深掘りする

2回目のプロンプトとして有効なのは、たとえば次のような依頼です。

• “Now narrow to the top 3 blockers only.”
• “Rewrite the hero section based on your diagnosis.”
• “Turn your recommendations into an A/B test plan.”
• “Rank these ideas by expected impact and implementation effort.”

1回目は課題発見、2回目は実行計画への変換と考えると進めやすいです。

page-croのよくある失敗パターンに注意する

page-croスキルが力を発揮しにくいのは、次のような場合です。

• ページに競合する目標が複数ある
• 対象オーディエンスが定義されていない
• 流入の質が悪いのにページ側だけが責められている
• 実際のページを共有せずにCRO支援を求めている
• 1ページのレビューに深いファネル診断まで期待している

こうしたケースでは、再実行前にスコープを絞るのが先です。

リポジトリ内ファイルを使ってpage-croの出力を深める

最初の結果がやや表面的に感じるなら、リポジトリを意図的に使いましょう。

• SKILL.md でコアとなるフレームワークを確認する
• evals/evals.json で目標とする出力品質を確認する
• references/experiments.md でページタイプ別のテスト案を見る

ワークフローを作り直さずにpage-cro guideの質を上げるなら、これが最短ルートです。

講評だけでなく実装可能な成果物まで出させる

現場で採用されやすくするには、page-croに次のような成果物まで求めるのが有効です。

• 改稿したhero section
• 並び替えたページ構成
• trust signalの提案
• objection handling copy
• 成功指標付きのテスト仮説

こうすると、診断がマーケター、デザイナー、コピーライターの誰でも実装に移せる形になります。