Ready to supercharge your AI agents?

Install any skill in seconds. Free to start, no credit card required.

Gamified App Skill — measured AI agent skill | DecimalAI

nexu-io/gamified-app

NewSkillScoreMaintained

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".

by nexu-io

Links this skill to your agents and keeps it current with the author’s updates.

Automatic

Frontend / UI pack

decimalai skills pull nexu-io-gamified-app

Get this skill — curl · raw file

curl -fsSL https://app.decimal.ai/s/nexu-io-gamified-app/SKILL.md

Raw file: /s/nexu-io-gamified-app/SKILL.md ↗ · machine-readable summary at /s/nexu-io-gamified-app.json ↗

In productionGlobal

how this skill behaves on real traffic · last 30 days

No production data for this skill yet — usage numbers appear here once agents start running it.

Anonymized aggregate across every org using this skill — proof from real production use, not a demo.

Does this skill help? · Benchmark: with vs. withoutsign in to run this on your agents

22 test cases from the publisher’s eval.yaml · each run twice on gemini-3.6-flash — with the skill injected, then without · last run 7d ago

No — -92% lift+23% tokens0% turns5% of whole cases pass with skill (1/22)

Test case	Without → With	Effect	Δ tokens	Δ turns
case-04	✓→✗	▼ Worse	15%	0%
case-05	✓→✗	▼ Worse	52%	0%
case-07	✓→✗	▼ Worse	15%	0%
case-08	✓→✗	▼ Worse	15%	0%
case-19	✓→✗	▼ Worse	33%	0%

Showing 5 of 22 cases

SkillSafety

✓ 3 of 3 passed

Code scan15 of 15 checks clean

0 critical · 0 warning · 0 info — scanner v4 — 8/1/2026

live_secretremote_code_executionreverse_shelldata_exfiltrationssrf_metadataagent_snoopinganti_refusaldestructive_commandsobfuscated_unicodeunicode_homoglyphopaque_blobsuspicious_urltool_overreachtrigger_abuseprompt_injection_phrasing

IntentSafe

LLM judge · does the skill do what it claims

ContentClean

LLM judge · policy & harmful-content review

Source

Imported

nexu-io / open-design

design-templates/gamified-app/SKILL.md

View on GitHub ↗

License Apache-2.0Imported 8/8/2026Version v1

Skill contents

SKILL.md

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

Read the active DESIGN.md (injected above). For gamified apps, lean

on bold display type for headlines and a brighter, broader palette than most products — quests look like quests because the colors do.

Pick the brand + value prop from the brief. Generate real quest

names (e.g. "Body — 20-min strength: pushups & planks", "Read — Four Thousand Weeks", "Listen — Huberman Lab · Sleep Architecture", "Nourish — Cook a high-protein lunch", "Mind — 10-min focus meditation", "Watch — The Bear · S3 E4").

Stage — full-bleed dark page (near-black #0e0d0c or DS dark token)

with a soft top spotlight gradient. Above the phones, a small caption row: "HI-FI PROTOTYPE · IPHONE" left, brand wordmark right, both in mono.

Phones — three 360×780 phone frames in a horizontal row (wraps to

stack on narrow viewports). Each phone:

12px black bezel, 44px corner radius, dynamic-island notch.
Status bar (time / signal / battery).
Phone-specific content (below).
Bottom tab bar with 5 icons (Today, Library, Stats, ⊕ central CTA,

Profile). Active tab in accent.

Phone 1 — cover poster (sales/value prop):

Status bar.
HI-FI PROTOTYPE · IPHONE eyebrow.
Big display headline ("Daily quests for becoming a better human."),

accent on "becoming".

1–2 sentence body in muted serif/sans.
Mono tip line ("Tap quests to open detail. Toggle theme] in the

toolbar to switch theme & layout.")

Subtle scrolling teaser of the next screen at the bottom edge.

Phone 2 — today's quests dashboard (the hero screen):

Greeting "Good morning, Sam" + small XP-bell ringing.
Level ribbon — "LV 14 · Level 14 · 1648 / 2480 XP" with a progress

bar inside a glassmorphic ribbon.

Sub-line: "8 quests waiting · earn 430 XP today".
3×2 grid of quest tiles. Each tile: rounded corner, pastel accent

color, glyph chip in top-left, title, mini-meta line, "+NN XP" pill in bottom-right.

Bottom tab bar.

Phone 3 — quest detail:

Back arrow + screen title ("Quest").
Hero block with the quest's accent color, big serif quest title

("Body — strength"), short narrative body, "REWARD +90 XP" stamp.

Steps checklist (3–4 micro-tasks, one done, two pending).
Big primary CTA "Start quest" pill at the bottom in accent.

Write a single HTML document:

<!doctype html> through </html>, CSS inline.
All in CSS — no images. Use linear-gradient and inline SVG glyphs

for tile chips and tab icons.

data-od-id on stage, each phone, each frame's regions.

Self-check:

Three frames, each with a distinct purpose. Not three copies of the

same screen.

Tile colors don't overpower — each quest tile uses a different pastel

against the same neutral surface.

Reads as gamified and adult — playful, not childish.

Output contract

Emit between <artifact> tags:

<artifact identifier="game-slug" type="text/html" title="Mobile — App Name">
<!doctype html>
<html>...</html>
</artifact>

One sentence before the artifact, nothing after.

Want to see if nexu-io/gamified-app would activate on your phrasing? Try it before you install — no LLM call, no signup.

Other measured skills in the registry, with their headline benchmark lift.