Skill6.7k estrellas del repoactualizado 11d ago

gamified-app

This Claude Code item creates a gamified habit-tracking app interface with three mobile phone frames: a cover screen, a daily quest dashboard with XP progression and level bar, and a detailed quest view showing subtasks and rewards. Use this template when building RPG-style motivation systems, habit-formation apps, or engagement-focused platforms that need dark-themed showcase layouts with quest-based reward mechanics.

Ver fuente Repositorio: html-anything

Instalar en Claude Code

Copiar

git clone --depth 1 https://github.com/nexu-io/html-anything /tmp/gamified-app && cp -r /tmp/gamified-app/next/src/lib/templates/skills/gamified-app ~/.claude/skills/gamified-app

Después abre una sesión nueva de Claude Code; el skill carga automáticamente.

Definición

SKILL.md

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

Del mismo repositorio

article-magazineSkill

Substack / Medium 高级感长文排版, 适合公众号、博客发布

blog-postSkill

杂志感长文, 含 masthead、hero、figures、pull quote、作者署名

card-twitterSkill

推特金句 / 数据卡, 适合配推文

card-xiaohongshuSkill

小红书风格知识卡片, 多张联排可滑动浏览

competitive-teardownSkill

定位图 + 功能矩阵 + 价格对比 + 机会窗口, 把竞品资料转成产品决策报告

dashboardSkill