gamified-app について
RPG風の習慣化アプリを設計するチーム向けのUIテンプレートです。3つのスマートフォン画面で、カバー、毎日のクエスト、詳細を表示し、XPやレベルの要素を取り入れます。
主な機能
- 01暗い展示ステージと3つのスマートフォン枠
- 02カバーまたはポスター画面
- 03毎日のクエストとXPリボン
- 04クエスト詳細・サブタスク・報酬
- 05グラデーションのクエストタイルとレベルバー
活用シーン
- 01RPG風習慣化アプリの紹介
- 02毎日のクエストとレベル画面の設計
- 03クエスト詳細と報酬の提示
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/インストール後、Claude Code で/gamified-appを入力して読み込まれたか確認します。
同梱ファイルexample.html
詳細
【テンプレート：ゲーミフィケーションアプリ／クエスト UI】 【意図】RPG風の習慣づくりアプリ。ダークなショーケースステージに3つのスマートフォンフレームを配置します。 【レイアウト】
- フレーム1：カバー／ポスター
- フレーム2：今日のクエスト＋XP リボン＋レベルバー
- フレーム3：クエストの詳細（サブタスク＋報酬） 【デザインの詳細】
- 目を引くクエストタイルのグラデーション＋レベルリボン＋下部タブバー
コメント
Markdown 対応