Nexu 【模板: 游戏化 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
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.
Gamified App by Nexu · d0efb1e
npx skillmds add nexu-io/gamified-app File contents
---name: gamified-appdescription: 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.---【模板: 游戏化 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
nexu-io/html-anything/tree/main/next/src/lib/templates/skills/gamified-app commit d0efb1eaa3
Frequently asked questions
Run npx skillmds add nexu-io/gamified-app in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.
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. It is listed under Design & Media, Coding & Dev Tools, Productivity, UI Design on SkillMD.
SkillMD's automated safety review verdict for this skill is PASS. Independent scanners report: SkillSpector: PASS, Skill Scanner: PASS. Capability flags: docs only. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.
This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.
Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.
Nexu (@nexu-io) published this skill. Their other Agent Skills are listed on their SkillMD profile.