/gamified-app

三屏: 封面 / 今日任务带 XP / 任务详情, 暗色舞台

Boost this skill

nexu-io@nexu-io

GitHub

From plugin

html-anything

8.8k81 skills

Install

$ npx -y skills add nexu-io/html-anything --skill gamified-app --agent claude-code

How it fires

How this skill gets triggered: by you, by Claude, or both.

Fires itselfAuto-invocation. Claude auto-loads it when your prompt matches the work.
You can call itInvoke it directly when you want it.
Slash command/gamified-app

Context preview

The summary Claude sees to decide when to auto-load this skill.

三屏: 封面 / 今日任务带 XP / 任务详情, 暗色舞台

SKILL.md

gamified-app.SKILL.md

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

Read it on GitHub ↗

Ships withhtml-anything

From the team behind Open Design — 40k★ · 200+ contributors, production-grade and iterating faster. html-anything is the focused agent-era HTML editor; if it clicks for you, Open Design is where the same team ships at scale.

Get the whole plugin

Stats

TypeScript Node HTML CSS Bash

+7 tags

SQL GitHub Markdown Anthropic Gemini Obsidian Bun

8,827

Stars

857

Forks

Active

Maintenance

HTML