About gamified-app
A UI template for teams designing RPG-style habit-tracking apps. Three phone frames show a cover, daily quests, and quest details, with XP and level elements.
Key features
- 01Dark showcase stage with three phone frames
- 02Cover or poster screen
- 03Daily quests and XP ribbon
- 04Quest details, subtasks, and rewards
- 05Gradient quest tiles and level bar
Use cases
- 01Showcase an RPG-style habit app
- 02Design daily quest and level screens
- 03Present quest details and rewards
Install
Copy the command and run it in a terminal.
$
npx skills add https:/After installing, type/gamified-appin Claude Code to confirm it loaded.
Bundled filesexample.html
Details
From the project README【模板: 游戏化 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
Comments
Markdown supported