user-onboarding
ユーザーが効果的なプロダクトオンボーディングを設計できるよう支援します。初回ユーザー体験の構築、アクティベーション率の改善、プロダクト使用開始から最初の30秒の設計、または「なるほど」と感じるアハモーメントへの導線づくりに取り組む際に活用してください。
description の原文を見る
Help users design effective product onboarding. Use when someone is creating first-user experiences, trying to improve activation rates, designing the first 30 seconds of product usage, or working on the path to the aha moment.
SKILL.md 本文
ユーザーオンボーディング
4人のプロダクトリーダーのフレームワークと知見を用いて、効果的なプロダクトオンボーディングをユーザーが設計するのをサポートします。
サポート方法
ユーザーがユーザーオンボーディングのヘルプを求めた場合：
- Aha モーメントを理解する - 主な価値の瞬間が何なのか、ユーザーがそこに到達するまでにどのくらいの時間が必要なのかを質問する
- 最初の30秒をデザインする - サインアップ直後に起こることに集中する
- ゲームデザインの原則を適用する - ゲームデザインの段階的な情報開示とリワード機制を活用する
- リテンションにつなげる - オンボーディングが長期的なエンゲージメントに向けて初期ユーザー体験を方向付けるようにする
コアプリンシプル
最初の30秒を魔法のような体験にする
Grant Lee: 「プロダクトの最初の30秒を魔法のような体験にするために、あらゆることをやり尽くします。」ユーザー体験の最初の瞬間は、口コミによる成長の主要な推進力です。ここに不釣り合いな投資をしましょう。
リテンション向上は早期体験から生まれる
Dan Hockenmaier: 「多くの場合、リテンション向上の最大の成果は初期ユーザー体験を方向付けることから生まれます。」オンボーディング体験は、単なる初期アクティベーションではなく、長期的なリテンションの最大のレバーです。
オンボーディングから外向きにデザインする
Merci Grace: 「オンボーディング体験からゲームをデザインします。」オンボーディングは後付けではなく、プロダクトの残りの部分が構築される基礎になるべきです。
Aha モーメントへの障害を取り除く
Cam Adams: 「ローンチの最後の数ヶ月間、オンボーディングプロセスに多くの力を注いだので、プロダクト機能は完成していたのですが、ユーザーを止めている何かがありました。」プロダクト機能は完成しているかもしれませんが、見えない摩擦がユーザーの価値体験を妨げる可能性があります。
一般的なオンボーディングの落とし穴を避ける
カルーセル、非ネイティブフレームワーク、価値を提供しない説明画面をスキップしましょう。できるだけ早くユーザーをコアプロダクト体験に導きます。
ユーザーに問いかけるべき質問
- 「ユーザーがプロダクトのコア価値を最初に体験する瞬間は何ですか？」
- 「ユーザーがサインアップしてから最初の30秒は何が起こりますか？」
- 「サインアップから Aha モーメントまでの間に何の摩擦があり、それらを取り除くことができますか？」
- 「実際のユーザーがオンボーディングを経験するのを見たことはあり、彼らがどこで困難に直面するのか気づいていますか？」
- 「ユーザーはどのくらい早く何か意味のあることができますか？単に何かを見るだけではなく。」
- 「ゲームチュートリアルのようにデザインされたオンボーディングはどのようなものになるでしょうか？」
よくある間違いとしてフラグを立てるべき点
- 説明画面ではなくアクション - ユーザーは読むことではなく、実行することで学びます
- Aha モーメントの遅延 - サインアップから価値までのあらゆる画面は離脱の可能性がある
- カルーセルとツールチップ - これらのパターンは、プロダクト自体が十分に直感的ではないことを示唆することが多い
- オンボーディングを別物として扱う - オンボーディングはコアプロダクトの一部として設計されるべき。後付けではなく
- 最初の30秒を無視する - ここはほとんどのユーザーがさらに投資するかどうかを決める場所です
詳細情報
4人のゲストからの4つの知見すべてについては、references/guest-insights.md を参照してください
関連スキル
- Measuring Product-Market Fit
- Designing Growth Loops
- Retention & Engagement
- Usability Testing
ライセンス: MIT(寛容ライセンスのため全文を引用しています) · 原本リポジトリ
詳細情報
- 作者
- refoundai
- ライセンス
- MIT
- 最終更新
- 不明
Source: https://github.com/refoundai/lenny-skills / ライセンス: MIT
関連スキル
nano-banana-2
inference.sh CLIを通じてGoogle Gemini 3.1 Flash Image Preview（Nano Banana 2）で画像を生成します。テキストから画像を生成する機能、画像編集、最大14枚の複数画像入力、Google Searchグラウンディング機能に対応しています。トリガーワード：「nano banana 2」「nanobanana 2」「gemini 3.1 flash image」「gemini 3 1 flash image preview」「google image generation」
octocode-slides
洗練されたマルチファイル形式のHTMLプレゼンテーションを生成します。6段階のフロー（概要 → リサーチ → アウトライン → デザイン → 実装 → レビュー）で構成されています。各スライドは独立したHTMLファイルとなり、iframeで読み込まれます。「スライドを作成してほしい」「プレゼンテーションを作ってほしい」「HTMLスライドを生成してほしい」「デックを構築してほしい」といった依頼や、ノート・ドキュメント・コードを洗練されたプレゼンテーションに変換する際に使用できます。
gpt-image2-ppt
OpenAIのgpt-image-2を使用して、視覚的に優れたPPTスライドを生成します。Spatial Glass、Tech Blue、Editorial Monoなど10種類のキュレーション済みスタイルに対応し、ユーザーが提供したPPTXファイルを模倣するテンプレートクローンモードも搭載しています。HTMLビューアと16:9形式のPPTXファイルを出力します。プレゼンテーション、スライド、ピッチデック、投資家向けPPT、雑誌風PPTの作成依頼などで活用してください。
nano-banana
Nano Banana PRO（Gemini 3 Pro Image）およびNano Banana（Gemini 2.5 Flash Image）を使用したAI画像生成機能です。以下の場合に活用できます：（1）テキストプロンプトからの画像生成、（2）既存画像の編集、（3）インフォグラフィックス、ロゴ、商品写真、ステッカーなどのプロフェッショナルなビジュアルアセット制作、（4）複数画像での人物キャラクターの一貫性保持、（5）正確なテキスト描画を含む画像生成、（6）AI生成ビジュアルが必要なあらゆるタスク。「画像を生成」「画像を作成」「写真を作る」「ロゴをデザイン」「インフォグラフィックスを作成」「AI画像」「nano banana」またはその他の画像生成リクエストをトリガーとして機能します。
oiloil-ui-ux-guide
モダンでクリーンなUI/UXガイダンス・レビュースキルです。新機能や既存システム（Webアプリ）に対して、実行可能なUI/UX改善提案、デザイン原則、デザインレビューチェックリストが必要な場合に活用できます。CRAP（コントラスト・反復・配置・近接）をベースに、タスクファーストなUX、情報設計、フィードバック・システムステータス、一貫性、affordances、エラー防止・復旧、認知負荷を重視します。モダンミニマルスタイル（クリーン・余白・タイポグラフィ主導）を強制し、不要なテキストを削減、アイコンとしての絵文字を禁止し、統一されたアイコンセットから直感的で洗練されたアイコンを推奨します。
axiom-hig-ref
Apple Human Interface Guidelines リファレンス — 色（セマンティックカラー、カスタムカラー、パターン）、背景（マテリアル階層、ダイナミック背景）、タイポグラフィ（標準スタイル、カスタムフォント、Dynamic Type）、SF Symbols（レンダリングモード、色、多言語対応）、ダークモード、アクセシビリティ、プラットフォーム固有の考慮事項を網羅したガイドラインです。