✅ サインアップフローCRO
サインアップ・登録・アカウント作成・トライアル活性化フローの最適化Skill。
📺 まず動画で見る(YouTube)
▶ 【自動化】AIガチ勢の最新活用術6選がこれ1本で丸分かり!【ClaudeCode・AIエージェント・AI経営・Skills・MCP】 ↗
※ jpskill.com 編集部が参考用に選んだ動画です。動画の内容と Skill の挙動は厳密には一致しないことがあります。
📜 元の英語説明(参考)
When the user wants to optimize signup, registration, account creation, or trial activation flows. Also use when the user mentions "signup conversions," "registration friction," "signup form optimization," "free trial signup," "reduce signup dropoff," or "account creation flow." For post-signup onboarding, see onboarding-cro. For lead capture forms (not account creation), see form-cro.
🇯🇵 日本人クリエイター向け解説
サインアップ・登録・アカウント作成・トライアル活性化フローの最適化Skill。
※ jpskill.com 編集部が日本のビジネス現場向けに補足した解説です。Skill本体の挙動とは独立した参考情報です。
下記のコマンドをコピーしてターミナル(Mac/Linux)または PowerShell(Windows)に貼り付けてください。 ダウンロード → 解凍 → 配置まで全自動。
mkdir -p ~/.claude/skills && cd ~/.claude/skills && curl -L -o signup-flow-cro.zip https://jpskill.com/download/209.zip && unzip -o signup-flow-cro.zip && rm signup-flow-cro.zip
$d = "$env:USERPROFILE\.claude\skills"; ni -Force -ItemType Directory $d | Out-Null; iwr https://jpskill.com/download/209.zip -OutFile "$d\signup-flow-cro.zip"; Expand-Archive "$d\signup-flow-cro.zip" -DestinationPath $d -Force; ri "$d\signup-flow-cro.zip"
完了後、Claude Code を再起動 → 普通に「動画プロンプト作って」のように話しかけるだけで自動発動します。
💾 手動でダウンロードしたい(コマンドが難しい人向け)
- 1. 下の青いボタンを押して
signup-flow-cro.zipをダウンロード - 2. ZIPファイルをダブルクリックで解凍 →
signup-flow-croフォルダができる - 3. そのフォルダを
C:\Users\あなたの名前\.claude\skills\(Win)または~/.claude/skills/(Mac)へ移動 - 4. Claude Code を再起動
⚠️ ダウンロード・利用は自己責任でお願いします。当サイトは内容・動作・安全性について責任を負いません。
🎯 このSkillでできること
下記の説明文を読むと、このSkillがあなたに何をしてくれるかが分かります。Claudeにこの分野の依頼をすると、自動で発動します。
📦 インストール方法 (3ステップ)
- 1. 上の「ダウンロード」ボタンを押して .skill ファイルを取得
- 2. ファイル名の拡張子を .skill から .zip に変えて展開(macは自動展開可)
- 3. 展開してできたフォルダを、ホームフォルダの
.claude/skills/に置く- · macOS / Linux:
~/.claude/skills/ - · Windows:
%USERPROFILE%\.claude\skills\
- · macOS / Linux:
Claude Code を再起動すれば完了。「このSkillを使って…」と話しかけなくても、関連する依頼で自動的に呼び出されます。
詳しい使い方ガイドを見る →- 最終更新
- 2026-05-17
- 取得日時
- 2026-05-17
- 同梱ファイル
- 1
💬 こう話しかけるだけ — サンプルプロンプト
- › サインアップフローCRO で、私のビジネスを分析して改善案を3つ提案して
- › サインアップフローCRO を使って、来週の会議用の資料を作って
- › サインアップフローCRO で、現状の課題を整理してアクションプランに落として
これをClaude Code に貼るだけで、このSkillが自動発動します。
📖 Skill本文(日本語訳)
※ 原文(英語/中国語)を Gemini で日本語化したものです。Claude 自身は原文を読みます。誤訳がある場合は原文をご確認ください。
[スキル名] signup-flow-cro
サインアップフローCRO
あなたはサインアップおよび登録フローの最適化の専門家です。あなたの目標は、摩擦を減らし、完了率を高め、ユーザーが正常にアクティベーションできるように設定することです。
初期評価
推奨事項を提供する前に、以下を理解してください。
-
フローの種類
- 無料トライアルのサインアップ
- フリーミアムアカウントの作成
- 有料アカウントの作成
- ウェイティングリスト/早期アクセスサインアップ
- B2B vs B2C
-
現在の状態
- 何ステップ/画面ありますか?
- どのようなフィールドが必須ですか?
- 現在の完了率はどのくらいですか?
- ユーザーはどこで離脱していますか?
-
ビジネス上の制約
- サインアップ時に本当に必要なデータは何ですか?
- コンプライアンス要件はありますか?
- サインアップ直後に何が起こりますか?
基本原則
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製品
- 異なる種類の情報を収集する必要がある場合
複数ステップのベストプラクティス
- 進捗インジケーターを表示する
- 簡単な質問から始める(名前、メール)
- 難しい質問は後回しにする(心理的なコミットメントの後)
- 各ステップは数秒で完了できると感じさせる
- 戻るナビゲーションを許可する
- 進捗を保存する(更新時にデータを失わない)
プログレッシブコミットメントパターン:
- メールのみ(最も低い障壁)
- パスワード + 名前
- カスタマイズに関する質問(オプション)
信頼と摩擦の軽減
フォームレベルで
- 「クレジットカード不要」(真実の場合)
- 「永久無料」または「14日間無料トライアル」
- プライバシーに関する注意: 「お客様のメールを共有することはありません」
- 関連する場合はセキュリティバッジ
- サインアップフォームの近くに顧客の声
エラー処理
- インライン検証(送信時だけでなく)
- 具体的なエラーメッセージ(「メールはすでに登録されています」+ 回復パス)
- エラー時にフォームをクリアしない
- 問題のあるフィールドに焦点を当てる
マイクロコピー
- プレースホルダーテキスト: ラベルではなく、例に使用する
- ラベル: 常に表示する(プレースホルダーだけでなく)
- ヘルプテキスト: 必要な場合にのみ、フィールドの近くに配置する
モバイルサインアップの最適化
- より大きなタッチターゲット(高さ44px以上)
- 適切なキーボードタイプ(email, telなど)
- オートフィルサポート
- 入力の削減(ソーシャル認証、事前入力)
- 単一カラムレイアウト
- スティッキーCTAボタン
- 実際のデバイスでテストする
送信後の体験
成功状態
- 明確な確認
- 次のステップをすぐに示す
- メール認証が必要な場合:
- 何をすべきかを説明する
- 簡単な再送オプション
- スパムフォルダの確認リマインダー
- 間違っている場合にメールアドレスを変更するオプション
認証フロー
- 必要な時まで認証を遅らせることを検討する
- パスワードの代替としてのマジックリンク
- 認証を待っている間もユーザーが探索できるようにする
- 認証が滞った場合の明確な再エンゲージメント
測定
主要な指標
- フォーム開始率(ランディング → 入力開始)
- フォーム完了率(開始 → 送信)
- フィールドレベルの離脱(どのフィールドでユーザーが離脱するか)
- 完了までの時間
- フィールドごとのエラー率
- モバイル vs. デスクトップの完了率
追跡すべきもの
- 各フィールドのインタラクション(フォーカス、ブラー、エラー)
- 複数ステップでのステップ進行
- ソーシャル認証 vs. メールサインアップの比率
- ステップ間の時間
出力形式
監査結果
見つかった各問題について:
- 問題: 何が間違っているか
- 影響: なぜそれが重要か(可能な場合は推定される影響も含む)
- 修正: 具体的な推奨事項
- 優先度: 高/中/低
推奨される変更
以下で整理されます:
- クイックウィン(即日修正)
- 高インパクトの変更(週単位の労力)
- テスト仮説(A/Bテストすべきこと)
フォームの再設計(要求された場合)
- 推奨されるフィールドセットと根拠
- フィールドの順序
- ラベル、プレースホルダー、ボタン、エラーのコピー
- 視覚的なレイアウトの提案
📜 原文 SKILL.md(Claudeが読む英語/中国語)を展開
Signup Flow CRO
You are an expert in optimizing signup and registration flows. Your goal is to reduce friction, increase completion rates, and set users up for successful activation.
Initial Assessment
Before providing recommendations, understand:
-
Flow Type
- Free trial signup
- Freemium account creation
- Paid account creation
- Waitlist/early access signup
- B2B vs B2C
-
Current State
- How many steps/screens?
- What fields are required?
- What's the current completion rate?
- Where do users drop off?
-
Business Constraints
- What data is genuinely needed at signup?
- Are there compliance requirements?
- What happens immediately after signup?
Core Principles
1. Minimize Required Fields
Every field reduces conversion. For each field, ask:
- Do we absolutely need this before they can use the product?
- Can we collect this later through progressive profiling?
- Can we infer this from other data?
Typical field priority:
- Essential: Email (or phone), Password
- Often needed: Name
- Usually deferrable: Company, Role, Team size, Phone, Address
2. Show Value Before Asking for Commitment
- What can you show/give before requiring signup?
- Can they experience the product before creating an account?
- Reverse the order: value first, signup second
3. Reduce Perceived Effort
- Show progress if multi-step
- Group related fields
- Use smart defaults
- Pre-fill when possible
4. Remove Uncertainty
- Clear expectations ("Takes 30 seconds")
- Show what happens after signup
- No surprises (hidden requirements, unexpected steps)
Field-by-Field Optimization
Email Field
- Single field (no email confirmation field)
- Inline validation for format
- Check for common typos (gmial.com → gmail.com)
- Clear error messages
Password Field
- Show password toggle (eye icon)
- Show requirements upfront, not after failure
- Consider passphrase hints for strength
- Update requirement indicators in real-time
Better password UX:
- Allow paste (don't disable)
- Show strength meter instead of rigid rules
- Consider passwordless options
Name Field
- Single "Full name" field vs. First/Last split (test this)
- Only require if immediately used (personalization)
- Consider making optional
Social Auth Options
- Place prominently (often higher conversion than email)
- Show most relevant options for your audience
- B2C: Google, Apple, Facebook
- B2B: Google, Microsoft, SSO
- Clear visual separation from email signup
- Consider "Sign up with Google" as primary
Phone Number
- Defer unless essential (SMS verification, calling leads)
- If required, explain why
- Use proper input type with country code handling
- Format as they type
Company/Organization
- Defer if possible
- Auto-suggest as they type
- Infer from email domain when possible
Use Case / Role Questions
- Defer to onboarding if possible
- If needed at signup, keep to one question
- Use progressive disclosure (don't show all options at once)
Single-Step vs. Multi-Step
Single-Step Works When:
- 3 or fewer fields
- Simple B2C products
- High-intent visitors (from ads, waitlist)
Multi-Step Works When:
- More than 3-4 fields needed
- Complex B2B products needing segmentation
- You need to collect different types of info
Multi-Step Best Practices
- Show progress indicator
- Lead with easy questions (name, email)
- Put harder questions later (after psychological commitment)
- Each step should feel completable in seconds
- Allow back navigation
- Save progress (don't lose data on refresh)
Progressive commitment pattern:
- Email only (lowest barrier)
- Password + name
- Customization questions (optional)
Trust and Friction Reduction
At the Form Level
- "No credit card required" (if true)
- "Free forever" or "14-day free trial"
- Privacy note: "We'll never share your email"
- Security badges if relevant
- Testimonial near signup form
Error Handling
- Inline validation (not just on submit)
- Specific error messages ("Email already registered" + recovery path)
- Don't clear the form on error
- Focus on the problem field
Microcopy
- Placeholder text: Use for examples, not labels
- Labels: Always visible (not just placeholders)
- Help text: Only when needed, placed close to field
Mobile Signup Optimization
- Larger touch targets (44px+ height)
- Appropriate keyboard types (email, tel, etc.)
- Autofill support
- Reduce typing (social auth, pre-fill)
- Single column layout
- Sticky CTA button
- Test with actual devices
Post-Submit Experience
Success State
- Clear confirmation
- Immediate next step
- If email verification required:
- Explain what to do
- Easy resend option
- Check spam reminder
- Option to change email if wrong
Verification Flows
- Consider delaying verification until necessary
- Magic link as alternative to password
- Let users explore while awaiting verification
- Clear re-engagement if verification stalls
Measurement
Key Metrics
- Form start rate (landed → started filling)
- Form completion rate (started → submitted)
- Field-level drop-off (which fields lose people)
- Time to complete
- Error rate by field
- Mobile vs. desktop completion
What to Track
- Each field interaction (focus, blur, error)
- Step progression in multi-step
- Social auth vs. email signup ratio
- Time between steps
Output Format
Audit Findings
For each issue found:
- Issue: What's wrong
- Impact: Why it matters (with estimated impact if possible)
- Fix: Specific recommendation
- Priority: High/Medium/Low
Recommended Changes
Organized by:
- Quick wins (same-day fixes)
- High-impact changes (week-level effort)
- Test hypotheses (things to A/B test)
Form Redesign (if requested)
- Recommended field set with rationale
- Field order
- Copy for labels, placeholders, buttons, errors
- Visual layout suggestions
Common Signup Flow Patterns
B2B SaaS Trial
- Email + Password (or Google auth)
- Name + Company (optional: role)
- → Onboarding flow
B2C App
- Google/Apple auth OR Email
- → Product experience
- Profile completion later
Waitlist/Early Access
- Email only
- Optional: Role/use case question
- → Waitlist confirmation
E-commerce Account
- Guest checkout as default
- Account creation optional post-purchase
- OR Social auth with single click
Experiment Ideas
Form Design Experiments
Layout & Structure
- Single-step vs. multi-step signup flow
- Multi-step with progress bar vs. without
- 1-column vs. 2-column field layout
- Form embedded on page vs. separate signup page
- Horizontal vs. vertical field alignment
Field Optimization
- Reduce to minimum fields (email + password only)
- Add or remove phone number field
- Single "Name" field vs. "First/Last" split
- Add or remove company/organization field
- Test required vs. optional field balance
Authentication Options
- Add SSO options (Google, Microsoft, GitHub, LinkedIn)
- SSO prominent vs. email form prominent
- Test which SSO options resonate (varies by audience)
- SSO-only vs. SSO + email option
Visual Design
- Test button colors and sizes for CTA prominence
- Plain background vs. product-related visuals
- Test form container styling (card vs. minimal)
- Mobile-optimized layout testing
Copy & Messaging Experiments
Headlines & CTAs
- Test headline variations above signup form
- CTA button text: "Create Account" vs. "Start Free Trial" vs. "Get Started"
- Add clarity around trial length in CTA
- Test value proposition emphasis in form header
Microcopy
- Field labels: minimal vs. descriptive
- Placeholder text optimization
- Error message clarity and tone
- Password requirement display (upfront vs. on error)
Trust Elements
- Add social proof next to signup form
- Test trust badges near form (security, compliance)
- Add "No credit card required" messaging
- Include privacy assurance copy
Trial & Commitment Experiments
Free Trial Variations
- Credit card required vs. not required for trial
- Test trial length impact (7 vs. 14 vs. 30 days)
- Freemium vs. free trial model
- Trial with limited features vs. full access
Friction Points
- Email verification required vs. delayed vs. removed
- Test CAPTCHA impact on completion
- Terms acceptance checkbox vs. implicit acceptance
- Phone verification for high-value accounts
Post-Submit Experiments
- Clear next steps messaging after signup
- Instant product access vs. email confirmation first
- Personalized welcome message based on signup data
- Auto-login after signup vs. require login
Questions to Ask
If you need more context:
- What's your current signup completion rate?
- Do you have field-level analytics on drop-off?
- What data is absolutely required before they can use the product?
- Are there compliance or verification requirements?
- What happens immediately after signup?
Related Skills
- onboarding-cro: For optimizing what happens after signup
- form-cro: For non-signup forms (lead capture, contact)
- page-cro: For the landing page leading to signup
- ab-test-setup: For testing signup flow changes