---
name: gamified-app
zh_name: "游戏化 App 多屏"
en_name: "Gamified App"
emoji: "🕹️"
description: "三屏: 封面 / 今日任务带 XP / 任务详情, 暗色舞台"
category: mobile
scenario: personal
aspect_hint: "3 × iPhone"
featured: 12
tags: ["gamified", "habit", "rpg", "quest", "xp"]
---

【模板: 游戏化 App / Quest UI】
【意图】类 RPG 习惯养成 app, dark showcase stage 上三个 phone frame。
【布局】
- Frame 1: Cover / Poster
- Frame 2: Today's quests + XP ribbon + level bar
- Frame 3: Quest detail (子任务 + 奖励)
【设计细节】
- 醒目的 quest tile 渐变 + 等级 ribbon + 底部 tab bar