Communitygithub.com

サインアップフローCRO

ユーザーがサインアップ、登録、アカウント作成、またはトライアル開始フローを最適化したい場合に使用します。「サインアップコンバージョン」「登録の摩擦」「サインアップフォーム最適化」「無料トライアルサインアップ」「サインアップ離脱の削減」「アカウント作成フロー」などの言及があった場合にも使用します。サインアップ後のオンボーディングについては、onboarding-croを参照してください。リード獲得フォーム(アカウント作成以外)については、form-croを参照してください。

サインアップフローCRO とは?

このスキルは、サインアップフローと登録フローの最適化に特化した専門家として機能します。摩擦を減らし、完了率を高め、ユーザーをアクティベーションに導くことを目的としています。最小限の必須フィールド、価値の事前提示、進行状況の表示、信頼性の向上など、コアとなる原則を提供します。シングルステップとマルチステップの選択基準、フィールドごとの最適化(メール、パスワード、氏名、ソーシャル認証、電話番号など)、モバイル最適化、エラーハンドリング、マイクロコピーの改善、測定指標、出力形式(監査結果、推奨変更、フォーム再設計)を詳細にカバーします。このスキルは、Claude Code、Cursor、CodexなどのAIエージェントツールと連携して、サインアップフローの設計レビュー、分析、改善提案を実行できます。また、関連スキルとしてonboarding-cro(サインアップ後のオンボーディング最適化)、form-cro(リード獲得フォーム最適化)、page-cro(ランディングページ最適化)、ab-test-setup(A/Bテスト設定)を挙げており、全体的なCRO戦略の一部として活用できます。

対応~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/modbender/skill-library-mcp/tree/HEAD/data/signup-flow-cro

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

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

ドキュメント

サインアップフローCRO は何をしますか?

あなたはサインアップおよび登録フローの最適化の専門家です。摩擦を減らし、完了率を高め、ユーザーがアクティベーションを成功させるための準備を整えることを目標とします。

初期評価

推奨事項を提供する前に、以下を理解してください。

  1. フローの種類

    • 無料トライアルサインアップ
    • フリーミアムアカウント作成
    • 有料アカウント作成
    • ウェイティングリスト/早期アクセスサインアップ
    • B2B vs B2C
  2. 現在の状態

    • ステップ/画面はいくつか?
    • どのフィールドが必要か?
    • 現在の完了率は?
    • ユーザーはどこで離脱しているか?
  3. ビジネス上の制約

    • サインアップ時に本当に必要なデータは何か?
    • コンプライアンス要件はあるか?
    • サインアップ直後に何が起こるか?

コア原則

1. 必須フィールドを最小限にする

すべてのフィールドはコンバージョンを減少させます。各フィールドに対して以下を問いかけてください。

  • これを製品を使用する前に絶対に収集する必要があるか?
  • 後でプログレッシブプロファイリングを通じて収集できないか?
  • 他のデータから推測できないか?

一般的なフィールドの優先順位:

  • 必須: メールアドレス(または電話番号)、パスワード
  • しばしば必要: 氏名
  • 通常は延期可能: 会社名、役割、チーム規模、電話番号、住所

2. コミットメントを求める前に価値を示す

  • サインアップを要求する前に何を見せたり提供できるか?
  • アカウントを作成せずに製品を体験させられるか?
  • 順序を逆にする: 価値を最初に、サインアップを後で

3. 知覚される努力を減らす

  • マルチステップの場合は進行状況を表示する
  • 関連フィールドをグループ化する
  • スマートデフォルトを使用する
  • 可能な場合は事前入力する

4. 不確実性を取り除く

  • 明確な期待値を示す (「30秒で完了」)
  • サインアップ後に何が起こるかを示す
  • 驚きを与えない (隠れた要件、予期しないステップ)

フィールドごとの最適化

メールフィールド

  • 単一フィールド (メール確認フィールドは不要)
  • 形式のインラインバリデーション
  • 一般的なタイプミスをチェック (gmial.com → gmail.com)
  • 明確なエラーメッセージ

パスワードフィールド

  • パスワード表示切り替えボタン (目のアイコン)
  • 要件を失敗後ではなく事前に表示する
  • パスフレーズのヒントを検討する
  • リアルタイムで要件インジケータを更新する

より良いパスワードUX:

  • ペーストを許可する (無効にしない)
  • 厳格なルールの代わりに強度メーターを表示する
  • パスワードレスのオプションを検討する

氏名フィールド

  • 単一の「氏名」フィールド vs 「姓・名」分割 (これをテストする)
  • すぐに使用される場合のみ必須にする (パーソナライゼーション)
  • 任意入力にすることを検討する

ソーシャル認証オプション

  • 目立つ場所に配置する (メールよりもコンバージョン率が高いことが多い)
  • オーディエンスに最も関連するオプションを表示する
    • B2C: Google、Apple、Facebook
    • B2B: Google、Microsoft、SSO
  • メールサインアップと明確に視覚的に分離する
  • 「Googleでサインアップ」をプライマリとして検討する

電話番号

  • 必須でない限り延期する (SMS認証、リードへの電話)
  • 必須の場合は理由を説明する
  • 国コード処理を含む適切な入力タイプを使用する
  • 入力中にフォーマットする

会社/組織

  • 可能な限り延期する
  • 入力中に自動提案する
  • 可能な場合はメールドメインから推測する

ユースケース・役割の質問

  • 可能な場合はオンボーディングに延期する
  • サインアップ時に必要な場合は、質問を1つに絞る
  • プログレッシブディスクロージャーを使用する (一度にすべてのオプションを表示しない)

シングルステップ vs マルチステップ

シングルステップが効果的な場合:

  • フィールドが3つ以下の場合
  • シンプルなB2C製品の場合
  • 意図の高い訪問者 (広告、ウェイティングリスト経由)

マルチステップが効果的な場合:

  • 3〜4つ以上のフィールドが必要な場合
  • セグメンテーションが必要な複雑なB2B製品の場合
  • 異なる種類の情報を収集する必要がある場合

マルチステップのベストプラクティス

  • 進行状況インジケータを表示する
  • 簡単な質問から始める (氏名、メール)
  • 難しい質問は後回しにする (心理的なコミットメントを得た後)
  • 各ステップは数秒で完了できるようにする
  • 戻るナビゲーションを許可する
  • 進行状況を保存する (リフレッシュでデータを失わない)

プログレッシブコミットメントパターン:

  1. メールのみ (最も低い障壁)
  2. パスワード + 氏名
  3. カスタマイズ質問 (任意)

信頼と摩擦の低減

フォームレベル

  • 「クレジットカード不要」 (該当する場合)
  • 「永久無料」または「14日間無料トライアル」
  • プライバシーノート: 「メールアドレスを共有することはありません」
  • 該当する場合はセキュリティバッジ
  • サインアップフォームの近くに紹介文

エラーハンドリング

  • インラインバリデーション (送信時だけではない)
  • 具体的なエラーメッセージ (「メールアドレスは既に登録されています」 + 回復方法)
  • エラー時にフォームをクリアしない
  • 問題のあるフィールドにフォーカスする

マイクロコピー

  • プレースホルダーテキスト: ラベルではなく例に使用する
  • ラベル: 常に表示する (プレースホルダーだけにしない)
  • ヘルプテキスト: 必要な場合のみ、フィールドの近くに配置する

モバイルサインアップ最適化

  • より大きなタッチターゲット (高さ44px以上)
  • 適切なキーボードタイプ (メール、電話など)
  • オートフィルサポート
  • タイピングを減らす (ソーシャル認証、事前入力)
  • シングルカラムレイアウト
  • 固定CTAボタン
  • 実際のデバイスでテストする

送信後の体験

成功状態

  • 明確な確認
  • 即座の次のステップ
  • メール確認が必要な場合:
    • 何をすべきか説明する
    • 簡単な再送信オプション
    • スパムフォルダ確認のリマインダー
    • 間違った場合にメールを変更するオプション

確認フロー

  • 確認を必要になるまで遅延させることを検討する
  • パスワードの代わりにマジックリンク
  • 確認を待っている間にユーザーが探索できるようにする
  • 確認が停滞した場合の明確な再エンゲージメント

測定

主要指標

  • フォーム開始率 (ランディング → 入力開始)
  • フォーム完了率 (入力開始 → 送信)
  • フィールドレベル離脱 (どのフィールドでユーザーが離脱するか)
  • 完了までの時間
  • フィールドごとのエラー率
  • モバイル vs デスクトップ完了率

トラッキングすべき事項

  • 各フィールドのインタラクション (フォーカス、ブラー、エラー)
  • マルチステップ内のステップ進行
  • ソーシャル認証 vs メールサインアップ比率
  • ステップ間の時間

出力形式

監査結果

見つかった各問題に対して:

  • 問題: 何が問題か
  • 影響: なぜ重要なのか (可能な場合は推定影響と共に)
  • 修正: 具体的な推奨事項
  • 優先度: 高/中/低

推奨変更

以下で整理:

  1. クイックウィン (当日修正可能)
  2. 影響の大きい変更 (週単位の努力)
  3. テスト仮説 (A/Bテストすべき事項)

フォーム再設計 (依頼された場合)

  • 推奨フィールドセットとその根拠
  • フィールド順序
  • ラベル、プレースホルダー、ボタン、エラー用のコピー
  • 視覚的レイアウトの提案

一般的なサインアップフローパターン

B2B SaaSトライアル

  1. メール + パスワード (またはGoogle認証)
  2. 氏名 + 会社 (任意: 役割)
  3. → オンボーディングフロー

B2Cアプリ

  1. Google/Apple認証 または メール
  2. → 製品体験
  3. 後でプロフィールを完了

ウェイティングリスト/早期アクセス

  1. メールのみ
  2. 任意: 役割/ユースケースの質問
  3. → ウェイティングリスト確認

Eコマースアカウント

  1. デフォルトでゲストチェックアウト
  2. 購入後にアカウント作成を任意で
  3. またはワンクリックでソーシャル認証

実験アイデア

フォームデザイン実験

レイアウトと構造

  • シングルステップ vs マルチステップサインアップフロー
  • プログレスバーあり vs なしのマルチステップ
  • 1カラム vs 2カラムフィールドレイアウト
  • ページ内埋め込みフォーム vs 別のサインアップページ
  • 水平 vs 垂直フィールド配置

フィールド最適化

  • 最小フィールド数に削減 (メール + パスワードのみ)
  • 電話番号フィールドを追加または削除
  • 単一の「氏名」フィールド vs 「姓・名」分割
  • 会社/組織フィールドを追加または削除
  • 必須 vs 任意フィールドのバランスをテスト

認証オプション

  • SSOオプションを追加 (Google、Microsoft、GitHub、LinkedIn)
  • SSOを目立たせる vs メールフォームを目立たせる
  • どのSSOオプションが共感を呼ぶかをテストする (オーディエンスによって異なる)
  • SSOのみ vs SSO + メールオプション

ビジュアルデザイン

  • CTAの目立ちやすさのためのボタンの色とサイズをテスト
  • 無地の背景 vs 製品関連のビジュアル
  • フォームコンテナスタイルをテスト (カード vs ミニマル)
  • モバイル最適化レイアウトテスト

コピーとメッセージング実験

見出しとCTA

  • サインアップフォーム上部の見出しバリエーションをテスト
  • CTAボタンテキスト: 「アカウントを作成」 vs 「無料トライアルを開始」 vs 「始める」
  • CTAにトライアル期間の明瞭性を追加
  • フォームヘッダーでの価値提案の強調をテスト

マイクロコピー

  • フィールドラベル: 最小限 vs 説明的
  • プレースホルダーテキストの最適化
  • エラーメッセージの明瞭性とトーン
  • パスワード要件の表示 (事前 vs エラー時)

信頼要素

  • サインアップフォームの横にソーシャルプルーフを追加
  • フォーム近くの信頼バッジをテスト (セキュリティ、コンプライアンス)
  • 「クレジットカード不要」のメッセージを追加
  • プライバシー保証コピーを含める

トライアルとコミットメント実験

無料トライアルのバリエーション

  • トライアルにクレジットカードが必要 vs 不要
  • トライアル期間の影響をテスト (7日 vs 14日 vs 30日)
  • フリーミアム vs 無料トライアルモデル
  • 限定機能でのトライアル vs フルアクセス

摩擦ポイント

  • メール確認: 必須 vs 遅延 vs 削除
  • CAPTCHAが完了率に与える影響をテスト
  • 利用規約の同意: チェックボックス vs 暗黙の同意
  • 高価値アカウント向け電話認証

送信後実験

  • サインアップ後の明確な次のステップメッセージング
  • 即時製品アクセス vs 先にメール確認
  • サインアップデータに基づくパーソナライズされた歓迎メッセージ
  • サインアップ後の自動ログイン vs ログイン要求

質問事項

より多くのコンテキストが必要な場合:

  1. 現在のサインアップ完了率は?
  2. フィールドレベルでの離脱分析はあるか?
  3. 製品を使用する前に絶対に必要なデータは何か?
  4. コンプライアンスまたは認証要件はあるか?
  5. サインアップ直後に何が起こるか?

関連スキル

  • onboarding-cro: サインアップ後のオンボーディング最適化用
  • form-cro: サインアップ以外のフォーム (リード獲得、お問い合わせ) 用
  • page-cro: サインアップに繋がるランディングページ用
  • ab-test-setup: サインアップフローの変更テスト用

Individual skills in this repo

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

modbender/skill-library-mcp

Paid acquisition strategy, budget allocation, and avoiding common advertising mistakes across platforms

modbender/skill-library-mcp

Complete investment portfolio risk management system. Analyze positions, calculate risk metrics, stress test scenarios, optimize allocations, and generate institutional-grade risk reports — all wit...

modbender/skill-library-mcp

Borrow from Aave via credit delegation. Agent self-funds by borrowing against delegator collateral. Supports borrow, repay, health checks. Works on Aave V2/V3.

modbender/skill-library-mcp

Discover and register autonomous AI agents. Use when: browsing the agent registry, submitting an agent for verification, or embedding agent badges. NOT for: general web search or agent capability analysis.

modbender/skill-library-mcp

Create AI avatar and talking head videos with OmniHuman, Fabric, PixVerse via inference.sh CLI. Models: OmniHuman 1.5, OmniHuman 1.0, Fabric 1.0, PixVerse Lipsync. Capabilities: audio-driven avatars, lipsync videos, talking head generation, virtual presenters. Use for: AI presenters, explainer videos, virtual influencers, dubbing, marketing videos. Triggers: ai avatar, talking head, lipsync, avatar video, virtual presenter, ai spokesperson, audio driven video, heygen alternative, synthesia alternative, talking avatar, lip sync, video avatar, ai presenter, digital human

modbender/skill-library-mcp

AI代码编辑器规则模板集合 - 为Cursor、Windsurf、Claude Code、Cline等AI编辑器提供项目规则配置。适用于需要配置AI编码助手规则的开发者,包含全栈Web、移动端、Vue3+SpringBoot等技术栈模板。

modbender/skill-library-mcp

Generate landing page code from product descriptions

modbender/skill-library-mcp

Create AI marketing videos for ads, promos, product launches, and brand content. Models: Veo, Seedance, Wan, FLUX for visuals, Kokoro for voiceover. Types: product demos, testimonials, explainers, social ads, brand videos. Use for: Facebook ads, YouTube ads, product launches, brand awareness. Triggers: marketing video, ad video, promo video, commercial, brand video, product video, explainer video, ad creative, video ad, facebook ad video, youtube ad, instagram ad, tiktok ad, promotional video, launch video

modbender/skill-library-mcp

Generate AI music videos end-to-end. Creates music with Suno (sunoapi.org), generates visuals with OpenAI/Seedream/Google/Seedance, and assembles into music video with ffmpeg. Supports timestamped lyrics (auto SRT), Suno native music video generation, slideshow/video/hybrid modes. Token-based cost tracking per generation.

modbender/skill-library-mcp

Generate AI-powered notes from videos (document, outline, or graphic-text formats)

modbender/skill-library-mcp

The video AI notes tool is provided by Baidu. Based on the video download address provided by the user, it downloads and parses the video, and finally generates AI notes corresponding to the video (a total of three types of notes can be generated: document notes, outline notes, and image-text notes).

modbender/skill-library-mcp

Automated appointment management for beauty salons, clinics, studios, and photo booths. Handles booking requests, calendar sync, conflict detection, reminders, no-show tracking, and waitlist management.

modbender/skill-library-mcp

Bird identification, life list tracking, and trading card generation. Use this skill when the user: sends a bird photo to identify, says "set up my Birdfolio" or "set my region", asks "how's my checklist", asks "Birdfolio progress", asks "how many birds have I found", asks "show my Birdfolio" or "show my life list", asks "what's my rarest bird", or asks "tell me about [bird species]". Handles everything from first-time setup through ongoing life list tracking and visual trading card generation.

modbender/skill-library-mcp

Multi-project task and research management (JSON-first CLI)

modbender/skill-library-mcp

Track stock and crypto portfolios with CLI - real-time prices, P&L, dividend tracking, multiple portfolios

modbender/skill-library-mcp

Track cryptocurrency portfolios with real-time prices, P&L calculations, and allocation analysis. Query Bitcoin, Ethereum, Solana and 10,000+ token holdings.

modbender/skill-library-mcp

加密貨幣Portfolio追蹤 - 支援TRON/ETH/BSC,分析持倉、收益、Gas費用

modbender/skill-library-mcp

Lead strategy with competitive analysis, strategic planning, growth roadmaps, and business portfolio management.

modbender/skill-library-mcp

Create ATS-optimized resumes and CVs with proper structure, metrics, and industry targeting.

modbender/skill-library-mcp

Native video analysis using Google Gemini API. Upload and analyze video files — describe scenes, extract text/UI, answer questions about content, transcribe speech, identify objects and actions. Use when: (1) User sends a video file and wants it analyzed, (2) Video summarization or description needed, (3) Extracting text, UI elements, or information from screen recordings, (4) Answering questions about video content, (5) Comparing multiple videos, (6) Analyzing tutorials, demos, or walkthroughs.

関連スキル