Star200+
@nexu-io

Creator · nexu-io

Last updated · Aug 24, 2026

gamified-app

REVIEW · 73Registry indexed

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

agent-skill
OpenAgentSkill Trust Score
73/100

Sandbox only

Quality95/100
Audit88/100
Stars91.0K
Verified installs0
View on GitHubOpen full auditREADME badgeClaim this skill

Install targets

Codex install prompt

Install the "gamified-app" agent skill from https://github.com/nexu-io/open-design/tree/main/design-templates/gamified-app. Read its SKILL.md or equivalent instructions first, install only the files needed for this workspace, and summarize any required setup before using it. Skill purpose: 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". After the install attempt, report the result to https://www.openagentskill.com/api/agent/outcome with POST JSON {"event_id":"install_<unique-id>","skill_slug":"nexu-io-gamified-app","task":"Install gamified-app","agent":"codex","outcome":"success","install_used":true}. Replace event_id with a unique value and outcome with success or failed. Report success only after the skill is installed and a minimal verification passes.

Supply asset profile

Design and creative production

Design assets, images, video, audio, multimodal media, presentation, and creative production skills.

Browse track

Scenario

Design and creative

I need my agent to produce design assets, UI directions, presentations, or creative media workflows.

Agent fit

Claude Code + CLI + Codex

Codex, Claude Code, Cursor, CLI, or custom agents.

Install

Ready

npx skills add nexu-io/open-design --skill gamified-app

Maintenance

fresh

Pushed today

Risk

Needs review

Permission surface may require sandboxing

GitHub quality

91K

95/100 Quality · 81/100 Trust

Coverage tags

DesignDesign and creativedesign-creativeagent-skill

Review notes

Permission surface may require sandboxing · SKILL.md references an injected DESIGN.md but does not include it or specify how it is provided, which may cause incomplete context for the agent.

Agent adoption scorecard

Trust, audit, and install readiness at a glance

These scores combine public repository metadata, OpenAgentSkill review signals, maintenance freshness, and install readiness. They are a shortlist signal, not a replacement for human review.

Quality

Excellent
95

High-confidence pick with strong adoption and healthy maintenance signals.

Trust

Sandbox only
73

Useful candidate with missing or mixed trust signals. Keep it in an isolated workspace until the outcome loop proves task fit.

Audit

Needs review
88

A machine-readable review of install readiness, security metadata, maintenance, and adoption risk.

OpenAgentSkill Trust Score v5

Human review before install

Run only in a sandbox and compare close alternatives before using it for real work.

CodexClaude CodeCursorOpenAgentSkill CLI

Stars

91K GitHub stars

Repo activity

91K stars, 10K forks

Maintenance

Pushed today

License

Apache-2.0

Install

npx skills add nexu-io/open-design --skill gamified-app

Install safety

standard package or runtime install path

Permission surface

secrets or environment access, filesystem or document access

Agent outcomes

No agent outcome data yet

Docs

Strong README/SKILL.md context

Risk summary

Review before production

  • SKILL.md references an injected DESIGN.md but does not include it or specify how it is provided, which may cause incomplete context for the agent.
  • Permission surface needs review: secrets or environment access, filesystem or document access
  • Permission surface: secrets or environment access, filesystem or document access

Install readiness

Install path available

  • Install path is available
  • Repository evidence is available
  • License is declared
  • No Agent Proven outcome evidence yet

Agent-readable metadata

Machine-readable decision data for this skill.

Use this block or the embedded JSON to decide whether an agent should install this skill, choose an alternative, or ask for human review first.

View technical data+
Open JSON

Suited tasks

  • Workflow automation workflows
  • Claude Code teams
  • teams that value GitHub adoption signals
  • Move data between tools

Suited agents

CodexClaude CodeCursorOpenAgentSkill CLICLI

Install decision

Command
npx skills add nexu-io/open-design --skill gamified-app
Policy
review
Human review
yes

Trust and risk

Trust
73/100
Audit
88/100
Risk level
Needs review

Outcome loop

Endpoint
/api/agent/outcome
Event ID
resolve
Outcomes
5

Install command

npx skills add nexu-io/open-design --skill gamified-app
Public auditEval reportResolve APIInstall handoff

Do not use when

  • teams that need a vendor-supported SLA
  • production agents without a repository review
  • SKILL.md references an injected DESIGN.md but does not include it or specify how it is provided, which may cause incomplete context for the agent.
  • No OpenAgentSkill engagement data yet
  • High-risk permission hints: Secrets or environment access

Alternative

Frontend Design

171.2K Stars

npx skills add anthropics/skills --skill frontend-design

Alternative

Taste Skill: Anti-Slop Frontend

79.7K Stars

npx skills add Leonxlnx/taste-skill --skill design-taste-frontend

Alternative

Canvas Design

171.2K Stars

npx skills add anthropics/skills --skill canvas-design

Alternative

Anthropic Brand Guidelines

171.2K Stars

npx skills add anthropics/skills --skill brand-guidelines

Agent safety v2

60/100 · Review before install

Reviewed with permission notesreview

Usable candidate, but the agent should surface permission and audit notes before installation.

Require human approval before installing into a real workspace.

Resolve via API

medium

Network access

Skill likely fetches remote pages, APIs, repositories, or external services.

medium

Filesystem access

Skill may read or write project files, documents, generated artifacts, or local workspace state.

high

Secrets or environment access

Skill metadata references credentials, tokens, environment variables, or secret-bearing workflows.

  • High-risk permission hints: Secrets or environment access
  • Permission surface may require sandboxing

Agent resolve plan

Let an agent verify fit before installing.

The Resolve API returns the selected skill, alternatives, safety policy, audit notes, install target, and copy-paste prompt an agent can follow without scraping this page.

Open text plan

Open JSON

/api/agent/resolve?task=Use%20gamified-app%20for%20an%20agent%20workflow&agent=codex&max_risk=medium

Resolve text

/api/agent/resolve?task=Use%20gamified-app%20for%20an%20agent%20workflow&agent=codex&max_risk=medium&format=text

Install handoff

/api/skills/nexu-io-gamified-app/install

Agent should check

  • Task fit and alternatives from Resolve API.
  • Audit score, trust score, and safety policy warnings.
  • Install target compatibility for Codex, Claude Code, Cursor, or CLI.

Copy prompt

Task: Use gamified-app in this workspace.
Resolve first: https://www.openagentskill.com/api/agent/resolve?task=Use%20gamified-app%20for%20an%20agent%20workflow&agent=codex&max_risk=medium
Review install handoff: https://www.openagentskill.com/api/skills/nexu-io-gamified-app/install
Install command: npx skills add nexu-io/open-design --skill gamified-app
Before running it, summarize audit warnings, required permissions, and the fallback skill if install is risky.

Agent handoff

Give an agent the install path, not another directory page.

Use the public install endpoint to fetch the command, safety checklist, target prompts, and canonical links for this skill.

Open install API

Install handoff

/api/skills/nexu-io-gamified-app/install

LLM text format

/api/skills/nexu-io-gamified-app/install?format=text

Find alternatives

/api/skills/search?q=gamified-app&limit=3

Agent prompt

Use gamified-app for this task. Review https://www.openagentskill.com/api/skills/nexu-io-gamified-app/install, then install with: npx skills add nexu-io/open-design --skill gamified-app

Registry metadata

Agent-readable profile for automatic skill selection.

This page exposes the same decision, trust, audit, use-case, and install signals through the Registry API, so agents can rank this skill without scraping the UI.

Open manifest

Manifest

/api/registry/manifest/nexu-io-gamified-app

LLM text

/api/registry/manifest/nexu-io-gamified-app?format=text

Install alias

/api/registry/install/nexu-io-gamified-app

Recommend

/api/registry/recommend?task=Use%20gamified-app%20in%20an%20agent%20workflow&limit=3

Agent fit

100/100

Workflow automation

Use-case tags

Workflow automationRAG and knowledgeBrowser automation

Platforms

Claude Code

Audit report

Needs review · 88/100

A machine-readable review of install readiness, security metadata, maintenance, and adoption risk.

View audit reportView eval report

Agent decision cockpit

Primary pick for Workflow automation

Use this as a leading candidate, then validate the README and install path in your own agent stack.

100
Readiness
Adopt
Stage

Role in stack

Primary pick

Primary fit

Workflow automation

Trust label

Production-ready

Install path

Command ready

Use when

  • Workflow automation workflows
  • Claude Code teams
  • teams that value GitHub adoption signals

Evidence

  • 90,977 GitHub stars
  • recent repository activity
  • install command or GitHub repo available
  • 95/100 quality profile

review first

  • SKILL.md references an injected DESIGN.md but does not include it or specify how it is provided, which may cause incomplete context for the agent.
  • No OpenAgentSkill engagement data yet

Implementation path

  1. 1Install it in a sandbox agent and run one Workflow automation task end to end.
  2. 2Compare output quality, latency, and failure behavior against at least one alternative.
  3. 3Promote it into production only after reviewing repository permissions, license, and maintenance signals.

Trust profile

Sandbox only

Useful candidate with missing or mixed trust signals. Keep it in an isolated workspace until the outcome loop proves task fit.

73
OpenAgentSkill Trust Score

GitHub adoption

PASS

91K GitHub stars

Stars/forks activity

PASS

91K stars, 10K forks; issue activity unavailable in current metadata

Recent maintenance

PASS

Pushed today

License clarity

PASS

Apache-2.0

Good signals

  • AI review approved
  • Install path is available
  • Repository evidence is available
  • Recently maintained repository
  • Large GitHub adoption signal
  • Install command has no obvious high-risk pattern
  • Outcome loop is ready but needs first real agent run

Review before install

  • SKILL.md references an injected DESIGN.md but does not include it or specify how it is provided, which may cause incomplete context for the agent.
  • Permission surface needs review: secrets or environment access, filesystem or document access
  • Permission surface: secrets or environment access, filesystem or document access
  • No real agent outcome reports yet
  • Human review required before unattended installation

Recommended action

Run only in a sandbox and compare close alternatives before using it for real work.

Quality profile

Excellent candidate for agent workflows

High-confidence pick with strong adoption and healthy maintenance signals.

95
GitHub stars
91K
Freshness
Today
Install ready
Yes
License
Apache-2.0
Review before install: SKILL.md references an injected DESIGN.md but does not include it or specify how it is provided, which may cause incomplete context for the agent.

Workflow fit

Use this skill in these scenarios

Automate repeated work

Workflow automation

I need my agent to automate a repeated workflow across tools and files.

Search private knowledge

RAG and knowledge

I need my agent to build a RAG workflow over documents and retrieve reliable context.

Operate web apps

Browser automation

I need my agent to control a browser, fill forms, and verify web app workflows.

Workflow fit

Add it to a complete workflow

Turn skills into distribution

Content growth agent

A workflow for turning newly indexed skills into SEO briefs, social drafts, comparison pages, and reusable publishing workflows.

Ingest, retrieve, and cite

RAG knowledge base

A workflow for document-heavy agents that ingest files, create searchable knowledge, retrieve relevant context, and answer with grounded sources.

Operate and verify web apps

Browser QA agent

A workflow for agents that navigate products, fill forms, take screenshots, and verify real user flows across web applications.

Alternative shortlist

Compare before you install

Similar skills that may fit this task.

Compare all

Frontend Design

Guidance for distinctive, intentional UI design, typography, visual direction, and non-template-like product interfaces.

Adopt
Ready100
Quality100
Stars171.2K

Taste Skill: Anti-Slop Frontend

Design and implementation guidance for distinctive landing pages, portfolios, product demos, and purposeful redesigns.

Adopt
Ready100
Quality100
Stars79.7K

Canvas Design

Create original visual art, posters, PNG assets, and PDF documents through a clear design philosophy.

Adopt
Ready100
Quality100
Stars171.2K

Anthropic Brand Guidelines

Apply Anthropic official brand colors, typography, and visual standards to appropriate Anthropic-related artifacts.

Adopt
Ready100
Quality100
Stars171.2K

Overview

--- name: gamified-app 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". triggers: - "gamified app" - "habit tracker" - "rpg app" - "level up app" - "daily quests" - "xp app" - "streak app" - "life management app" - "游戏化" - "习惯打卡" od: mode: prototype platform: mobile scenario: personal preview: type: html entry: index.html design_system: requires: true sections: [color, typography, layout, components] craft: requires: [state-coverage, animation-discipline] example_prompt: "Design a gamified life-management app — multi-screen mobile prototype: cover poster, today's quests with XP, and a quest detail. ‘Daily quests for becoming a better human.’" ---

# 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

1. **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. 2. **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"). 3. **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. 4. **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. 5. **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. 6. **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. 7. **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. 8. **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. 9. **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.

Technical details

Version
1.0.0
License
Apache-2.0
Last updated
Aug 24, 2026
Published
Aug 24, 2026

Decision snapshot

Primary pick

100
Ready
Adopt
Stage

90,977 GitHub stars

Audit

Install review

Install and adoption review

88
Needs review
Security
78/100
Maintenance
100/100
Install
92/100
Open full auditView eval report

Agent-proven evidence

Agent-proven evidence

Outcome reports after resolve, review, install, and one narrow run.

0
Proven
Needs first agent runAuto-install: review firstLast: Unknown
Success rate
—
Recent failure
—
Outcomes
0
Output quality
—
Failed
0
Not relevant
0
Installs
0
Risk blocked
0
Setup needed
0
Production
0

No agent outcome data yet. The first agent run can report success, setup needs, risk blocks, failure, or not-relevant through /api/agent/outcome.

Agent-Proven rankingOutcome contract

Install

Add to agent workflow

Free and open source. Review the report before installing into production agents.

Compare AlternativesAuto-resolve PlanView on GitHubDocumentation

Growth loop

Share kit

X

Scenario-led draft for gamified-app, ready for a manual X post.

Curator note
gamified-app: A multi-frame gamified mobile-app prototype — three phone frames on a dark showcase stage. Fr...

91.0K stars

https://www.openagentskill.com/skills/nexu-io-gamified-app?ref=x
Open X draft
Optional reply with install command
Listing + install path for gamified-app:
https://www.openagentskill.com/skills/nexu-io-gamified-app?ref=x

Install: npx skills add nexu-io/open-design --skill gamified-app
Open reply draft

Listing source

Registry indexed

Claimable

This listing was indexed from public sources and is not marked official until a maintainer claim is approved.

Creator
nexu-io
Indexed by
OpenAgentSkill community index

Attribution links to the public repository or creator profile. Creators can claim the listing to update ownership signals.

Claim this skill

Owner claim

Claim this skill listing

This Registry indexed listing is attributed to nexu-io but is not marked official yet. Claim it to add a verified owner signal and make future launch, install, and audit updates easier to trust.

Creator backlink kit

Add the evidence badges to your README

Show the canonical listing, current trust and audit signals, and real Agent-Proven evidence where developers evaluate the repository.

[![Listed on OpenAgentSkill](https://www.openagentskill.com/api/badge/nexu-io-gamified-app?metric=listed&label=Listed)](https://www.openagentskill.com/skills/nexu-io-gamified-app)
[![OpenAgentSkill Trust](https://www.openagentskill.com/api/badge/nexu-io-gamified-app?metric=trust&label=Trust)](https://www.openagentskill.com/skills/nexu-io-gamified-app)
[![OpenAgentSkill Audit](https://www.openagentskill.com/api/badge/nexu-io-gamified-app?metric=audit&label=Audit)](https://www.openagentskill.com/skills/nexu-io-gamified-app/audit)
[![Agent Proven](https://www.openagentskill.com/api/badge/nexu-io-gamified-app?metric=proven&label=Agent%20Proven)](https://www.openagentskill.com/skills/nexu-io-gamified-app)
Preview badge Open audit Creator kit

Author

N

nexu-io

@nexu-io

Tags

agent-skill

Platform fit

Claude Code

Health signals

GitHub stars
91.0K
Quality score
58/100
Last GitHub push
Aug 24, 2026
Framework hints
Unknown
OpenAgentSkill views
0
Install copies
0
Outbound clicks
0

Community signal

Share whether this skill looks useful for your agent workflow. Aggregated feedback improves rankings over time.

Trust & safety

Sandbox only

73
  • GitHub adoption91K GitHub starsPASS
  • Stars/forks activity91K stars, 10K forks; issue activity unavailable in current metadataPASS
  • Recent maintenancePushed todayPASS
  • License clarityApache-2.0PASS
  • README/SKILL.md completenessMetadata includes enough usage and workflow contextPASS
  • Dependency/runtime riskcredential or environment accessINFO

Related skills

Frontend Design

Guidance for distinctive, intentional UI design, typography, visual direction, and non-template-like product interfaces.

171.2K Stars

Taste Skill: Anti-Slop Frontend

Design and implementation guidance for distinctive landing pages, portfolios, product demos, and purposeful redesigns.

79.7K Stars

Canvas Design

Create original visual art, posters, PNG assets, and PDF documents through a clear design philosophy.

171.2K Stars

Anthropic Brand Guidelines

Apply Anthropic official brand colors, typography, and visual standards to appropriate Anthropic-related artifacts.

171.2K Stars
InstallView on GitHub