# Gamified App

> Generates a gamified habit-tracking app UI with three phone frames: a cover poster, today's quests with XP and level bar, and a quest detail view with subtasks and rewards.

- Skill: `nexu-io/gamified-app` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds add nexu-io/gamified-app`
- Raw SKILL.md: https://api.skillmd.com/api/skills/nexu-io/gamified-app/raw
- Safety review: PASS (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Design & Media, Coding & Dev Tools, Productivity, UI Design
- Tags: Dark Mode, Gamification, Habit Tracker, Mobile Ui, Quest Ui, Rpg Ui, Ui Template
- Author: Nexu (https://skillmd.com/u/nexu-io)
- Updated: 2026-07-19
- Page: https://skillmd.com/skills/nexu-io/gamified-app

---


【模板: 游戏化 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