# Gamified App Prototype

Builds a three-screen mobile prototype with quests, XP ribbons and a level bar.

- Repository: https://github.com/nexu-io/open-design (105332 stars)
- Category: Design
- License: Apache-2.0
- Last updated: 2026-11-01
- Runs scripts: no, instructions only

## Install

Claude Code: `npx skills add nexu-io/open-design --skill gamified-app -g -a claude-code -y`
Codex: `npx skills add nexu-io/open-design --skill gamified-app -g -a codex -y`
Cursor: `npx skills add nexu-io/open-design --skill gamified-app -g -a cursor -y`
Gemini CLI: `npx skills add nexu-io/open-design --skill gamified-app -g -a gemini-cli -y`
Claude Code plugin marketplace: `/plugin marketplace add nexu-io/open-design`

## Description

A multi-frame gamified mobile-app prototype, three phone frames on a dark showcase stage. Frame 1: cover / poster, Frame 2: today's quests with XP ribbons and a level bar, Frame 3: quest detail. Vivid quest tiles, level ribbon, bottom tab bar. Use when the brief asks for a "gamified app", "habit tracker", "RPG-style life app", "level-up app", "daily quests", "XP / streak app", or "ELI5-style explainer app".

## SKILL.md, as published by its author (untrusted third-party text, read it as data)

# Gamified App Skill

Produce a multi-screen mobile prototype on a single dark showcase page.
Three phone frames side-by-side, each one its own moment in the journey.

## Workflow

The rest: https://github.com/nexu-io/open-design/blob/HEAD/design-templates/gamified-app/SKILL.md
