メニュー
Use when designing the first-run experience for a SaaS product. Covers checklist patterns, sample data, contextual help, time-to-value benchmarks, and the practices that maximize 90-day retention.
デフォルトでは、最初にソースを確認する Prompt が選択されています。直接コマンドに切り替えるか、ローカルコピーをダウンロードすることもできます。
インストールを決める前に、SKILL.md と SkillsMP に表示されている付属ファイルをお読みください。
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
直接コマンドでは確認用 Prompt が省略されます。実行前にソースを確認してください。
npx skills add https://github.com/x3allamerican/design-skills-fleetsafety --skill saas-onboarding-best-practicesコマンドは1行のまま表示されます。コピー前に横へスクロールして全体を確認してください。
ローカルで確認しますか？SkillsMP が現在取得できるファイルをダウンロードできます。
Use when designing 404 pages and the broader empty-state pattern library. Covers tone, illustration, search recovery, and the difference between 'no data yet' and 'this URL doesn't exist'.
Use when designing A/B tests. Covers hypothesis-driven testing, sample-size calculation, the test-design template, and the cultural rituals that make testing productive.
Use when shipping any user-facing UI. Covers the non-negotiable accessibility baseline: contrast, focus states, semantic HTML, keyboard navigation, screen-reader support, motion preferences. The minimum to avoid embarrassment and ADA risk.
SOC 職業分類に基づく
SKILL.md を表示中
| name | saas-onboarding-best-practices |
| description | Use when designing the first-run experience for a SaaS product. Covers checklist patterns, sample data, contextual help, time-to-value benchmarks, and the practices that maximize 90-day retention. |
SaaS onboarding determines lifetime value. The user's first 30 minutes predict the next 30 months. Aim for a 'time to aha' of under 5 minutes for self-serve products.
Under 60s — consumer freemium. Under 5 min — SaaS marketing tier. Under 30 min — enterprise. Under 1 day — complex implementation. If yours is longer, find the blocker.
Persistent task list on dashboard. 4-7 items. Each completable in <5 min. Progress bar. Optional dismiss. Items pre-personalized to the customer's stated use case at signup.
Blank start: forces commitment, real value. Sample data: faster aha, easier exploration. Most modern SaaS uses blank start + 'add your first X' empty-state guidance.
Define 1-2 explicit activation events ('user added a driver', 'user asked Compass a question'). Track them. Email sequences trigger on completion / non-completion.
Forcing a 12-step wizard. Hiding the actual product behind setup. Mandatory profile completion. No 'skip for now'. Demoing instead of letting user use the product.
Applied in the X3 Compass build via the relevant pages and components.