gamified-app

Featured

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

Web & Frontend 7,985 stars 781 forks Updated 2 weeks ago Apache-2.0

Install

View on GitHub

Quality Score: 91/100

Stars 20%
100
Recency 20%
90
Frontmatter 20%
70
Documentation 15%
12
Issue Health 10%
50
License 10%
100
Description 5%
100

Skill Content

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

Details

Author
nexu-io
Repository
nexu-io/html-anything
Created
2 months ago
Last Updated
2 weeks ago
Language
HTML
License
Apache-2.0

Integrates with

Similar Skills

Semantically similar based on skill content — not just same category

AI & Automation Listed

application

App dashboard with purple-themed aesthetic, top-bar navigation, card-based layouts, and developer-first workflows.

3 Updated 1 weeks ago
milodule3-debug
Web & Frontend Featured

dashboard

固定侧栏 + 顶栏 + KPI 网格 + 1-2 张图

7,985 Updated 2 weeks ago
nexu-io
Web & Frontend Listed

grimoire-design-system

Grimoire Design System —— 一本「设计咒语书」式的个人 UI + 动效设计系统。采用「一个共享底座 + 多套品牌 DS」结构:底座沉淀 Token 架构与公共动效(转场/Toast/Sheet/自适应缩放/入场…)及可复用 动效原语;每套品牌各有自己的 tokens.css、组件与私有动效。目前含三套品牌:coffee-warm(源自 Brewwww! 咖啡打卡护照,焦糖暖色+打字机+邮戳解锁+护照翻页+日历杯子归位)、doodle-stationery(源自 排版小动物 tiny type 手账邮局,奶黄涂鸦+粗黑硬阴影+双击点赞+开信+打字机)、esther-editorial(暖色 编辑排版·克制流派,桌面web+直角+揭示式动效;改编自 @esthersjw 的 CC BY-NC-SA 作品,非商用)。做「精美、有手感、不像 AI 模板」的**网页/落地页/文章页/dashboard/组件**(默认形态),或(用户明确要求时)**移动 App/H5 原型** 时使用。关键:品牌只是视觉语言,与形态无关——用户说 HTML 就做正常响应式网页,不要默认套手机框;只有明说要 App 才用手机壳。当用户要「按我的设计系统来」「复用之前那个动效/组件」「要有手感的动效」「换个品牌皮」时触发。

0 Updated 1 weeks ago
yyyzl