mobile-onboarding について
モバイルアプリのオンボーディング3画面を並べて示すデザインテンプレートです。スプラッシュ画面、価値提案、サインインを扱います。
主な機能
- 013つのスマートフォン画面を並列表示
- 02ロゴとタグラインのスプラッシュ画面
- 03イラスト付き価値提案画面
- 04ドットインジケーター
- 05メール・Apple・Googleでのサインイン
活用シーン
- 01アプリ初回利用時の案内設計
- 02スプラッシュからサインインまでの流れの提示
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/インストール後、Claude Code で/mobile-onboardingを入力して読み込まれたか確認します。
同梱ファイルexample.html
README（原文）English
プロジェクトの README よりこの README の日本語訳はまだありません。以下は英語の原文です。日本語の紹介はページ上部をご覧ください。
【模板: App 引导三屏】 【意图】并排展示三个 mobile onboarding 关键屏。 【布局】
- Phone 1: Splash (logo + tagline)
- Phone 2: Value-prop (illustration + 1 句 + dot indicators)
- Phone 3: Sign-in (email / Apple / Google + 主 CTA)
コメント
Markdown 対応