Star200+
@nexu-io

Créateur · nexu-io

Dernière mise à jour · 24 août 2026

gamified-app

Revoir · 73Indexé dans Registry

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
Trust Score OpenAgentSkill
73/100

Sandbox uniquement

Qualité95/100
Audit88/100
Stars91.0K
Verified installs0
Voir sur GitHubOuvrir l’audit completREADME badgeRevendiquer ce skill

Cibles d’installation

Prompt d’installation Codex

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.

Profil de l’actif

Design et production créative

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

Voir la catégorie

Scénario

Design et créativité

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

Adéquation Agent

Claude Code + CLI + Codex

Compatible avec Codex, Claude Code, Cursor, CLI ou des Agents personnalisés.

Installer

Prêt

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

Maintenance

À jour

Mis à jour aujourd’hui

Risque

Revue nécessaire

Permission surface may require sandboxing

Qualité GitHub

91K

95/100 Qualité · 81/100 Confiance

Tags de couverture

DesignDesign et créativitéDesign et créationagent-skill

Notes de revue

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.

Carte d’adoption Agent

Confiance, audit et préparation à l’installation en un coup d’œil

Ces scores combinent les métadonnées publiques du dépôt, les signaux de revue OpenAgentSkill, la fraîcheur de maintenance et la préparation à l’installation. Ils servent à présélectionner et ne remplacent pas la revue humaine.

Qualité

Excellent
95

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

Confiance

Sandbox uniquement
73

Candidate utile avec des signaux de confiance incomplets ou mixtes. Gardez-la dans un espace isolé jusqu’à ce que la boucle de résultats confirme son adéquation.

Audit

Revue nécessaire
88

Revue lisible par machine de la préparation à l’installation, des métadonnées de sécurité, de la maintenance et du risque d’adoption.

Trust Score OpenAgentSkill v5

Revue humaine avant installation

Exécutez uniquement dans un sandbox et comparez les alternatives proches avant usage réel.

CodexClaude CodeCursorOpenAgentSkill CLI

Stars

91K stars GitHub

Activité du dépôt

91K stars et 10K forks

Maintenance

Mis à jour aujourd’hui

Licence

Apache-2.0

Installer

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

Sécurité d’installation

Chemin d’installation standard de package ou runtime

Surface de permissions

secrets or environment access, filesystem or document access

Résultats Agent

Pas encore de données de résultats Agent

Documentation

Contexte README/SKILL.md solide

Résumé des risques

Revoir avant 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

Préparation à l’installation

Chemin d’installation disponible

  • Le chemin d’installation est disponible
  • La preuve du dépôt est disponible
  • La licence est déclarée
  • Pas encore de preuve de résultat Agent-Proven

Métadonnées lisibles par Agent

Données de décision lisibles par machine pour ce skill.

Utilisez ce bloc ou le JSON intégré pour décider si un Agent doit installer ce skill, choisir une alternative ou demander d’abord une revue humaine.

View technical data+
Ouvrir JSON

Tâches adaptées

  • workflows Automatisation de workflow
  • Équipes Claude Code
  • Équipes qui valorisent les signaux d’adoption GitHub
  • Move data between tools

Agents adaptés

CodexClaude CodeCursorOpenAgentSkill CLICLI

Décision d’installation

Commande
npx skills add nexu-io/open-design --skill gamified-app
Politique
Revoir
Revue humaine
Oui

Confiance et risque

Confiance
73/100
Audit
88/100
Niveau de risque
Revue nécessaire

Boucle de résultat

Endpoint
/api/agent/outcome
ID d’événement
resolve
Résultats
5

Commande d’installation

npx skills add nexu-io/open-design --skill gamified-app
Audit publicRapport d’évaluationAPI ResolveRelais d’installation

Ne pas utiliser quand

  • Équipes qui nécessitent un SLA soutenu par le fournisseur
  • 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
  • Indices de permissions à haut risque : Secrets or environment access

Skill alternatif

Frontend Design

171.2K Stars

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

Skill alternatif

Taste Skill: Anti-Slop Frontend

79.7K Stars

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

Skill alternatif

Canvas Design

171.2K Stars

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

Skill alternatif

Anthropic Brand Guidelines

171.2K Stars

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

Sécurité Agent v2

60/100 · Revoir avant installation

Révisé avec notes de permissionsRevoir

Candidat utilisable, mais l’Agent doit afficher les notes de permissions et d’audit avant l’installation.

Une approbation humaine est requise avant l’installation dans un espace de travail réel.

Résoudre via API

Moyen

Accès réseau

La skill récupère probablement des pages distantes, API, dépôts ou services externes.

Moyen

Accès au système de fichiers

La skill peut lire ou écrire des fichiers de projet, documents, artefacts générés ou l’état local de l’espace de travail.

Élevé

Secrets or environment access

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

  • Indices de permissions à haut risque : Secrets or environment access
  • Permission surface may require sandboxing

Plan de résolution Agent

Laissez un Agent vérifier la pertinence avant l’installation.

L’API Resolve renvoie la skill sélectionnée, des alternatives, la politique de sécurité, les notes d’audit, la cible d’installation et un prompt prêt à l’emploi.

Ouvrir le plan texte

Ouvrir JSON

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

Texte Resolve

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

Relais d’installation

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

L’Agent doit vérifier

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

Copier le 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.

Relais Agent

Donnez à l’Agent le chemin d’installation, pas un autre annuaire.

Utilisez le point de terminaison public pour récupérer la commande, la checklist, les prompts et les liens canoniques.

Ouvrir l’API d’installation

Relais d’installation

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

Format texte LLM

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

Trouver des alternatives

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

Prompt Agent

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

Métadonnées Registry

Profil lisible par Agent pour la sélection automatique de skills.

L’API Registry fournit les signaux de décision, confiance, audit, cas d’usage et installation sans analyser l’interface.

Ouvrir Manifest

Manifest

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

Texte LLM

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

Alias d’installation

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

Recommander

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

Adéquation Agent

100/100

Automatisation de workflow

Tags de cas d’usage

Automatisation de workflowRAG and knowledgeBrowser automation

Plateformes

Claude Code

Rapport d’audit

Revue nécessaire · 88/100

Revue lisible par machine de la préparation à l’installation, des métadonnées de sécurité, de la maintenance et du risque d’adoption.

Voir le rapport d’auditVoir le rapport d’évaluation

Panneau de décision Agent

Choix principal pour Automatisation de workflow

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

100
Préparation
Adopter
Étape

Rôle dans la pile

Choix principal

Pertinence principale

Automatisation de workflow

Libellé de confiance

Prêt pour la production

Chemin d’installation

Commande prête

À utiliser lorsque

  • workflows Automatisation de workflow
  • Équipes Claude Code
  • Équipes qui valorisent les signaux d’adoption GitHub

Preuves

  • 90,977 stars GitHub
  • recent repository activity
  • install command or GitHub repo available
  • profil qualité 95/100

revoir d’abord

  • 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

Chemin d’implémentation

  1. 1Installez-le dans un Agent en sandbox et exécutez une tâche de Automatisation de workflow de bout en bout.
  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.

Profil de confiance

Sandbox uniquement

Candidate utile avec des signaux de confiance incomplets ou mixtes. Gardez-la dans un espace isolé jusqu’à ce que la boucle de résultats confirme son adéquation.

73
Trust Score OpenAgentSkill

Adoption GitHub

Validé

91K stars GitHub

Activité stars/forks

Validé

91K stars et 10K forks; l’activité des issues n’est pas disponible dans les métadonnées actuelles

Maintenance récente

Validé

Mis à jour aujourd’hui

Clarté de licence

Validé

Apache-2.0

Signaux positifs

  • Revue IA approuvée
  • Le chemin d’installation est disponible
  • La preuve du dépôt est disponible
  • Dépôt maintenu récemment
  • Large GitHub adoption signal
  • La commande d’installation ne présente aucun motif de haut risque évident
  • La boucle de résultats est prête mais nécessite la première exécution réelle de l’Agent

Réviser avant installation

  • 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
  • Pas encore de rapports de résultats Agent réels
  • Une revue humaine est requise avant une installation sans surveillance

Action recommandée

Exécutez uniquement dans un sandbox et comparez les alternatives proches avant usage réel.

Profil qualité

Excellent candidat pour les workflows Agent

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

95
Stars GitHub
91K
Actualité
Aujourd’hui
Prêt à installer
Oui
Licence
Apache-2.0
Réviser avant installation: 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.

Adéquation au workflow

Utilisez cette skill dans ces scénarios

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.

Adéquation au workflow

Ajouter à un workflow complet

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.

Liste d’alternatives

Comparer avant installation

Similar skills that may fit this task.

Tout comparer

Frontend Design

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

Adopter
Prêt100
Qualité100
Stars171.2K

Taste Skill: Anti-Slop Frontend

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

Adopter
Prêt100
Qualité100
Stars79.7K

Canvas Design

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

Adopter
Prêt100
Qualité100
Stars171.2K

Anthropic Brand Guidelines

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

Adopter
Prêt100
Qualité100
Stars171.2K

Vue d’ensemble

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

Détails techniques

Version
1.0.0
Licence
Apache-2.0
Dernière mise à jour
24 août 2026
Publié
24 août 2026

Instantané de décision

Choix principal

100
Prêt
Adopter
Étape

90,977 stars GitHub

Audit

Revue d’installation

Revue d’installation et d’adoption

88
Revue nécessaire
Sécurité
78/100
Maintenance
100/100
Installer
92/100
Ouvrir l’audit completVoir le rapport d’évaluation

Preuves validées par Agent

Preuves validées par Agent

Rapports après resolve, revue, installation et une exécution limitée.

0
Validé
Needs first agent runAuto-installation: revoir d’abordDernier: Inconnu
Taux de réussite
—
Échec récent
—
Résultats
0
Qualité de sortie
—
Échecs
0
Non pertinent
0
Installations
0
Bloqué par le risque
0
Configuration requise
0
Production
0

Aucune donnée de résultat Agent pour l’instant. La première exécution peut signaler succès, besoin de configuration, blocage de risque, échec ou non-pertinence via /api/agent/outcome.

Classement Agent-ProvenContrat de résultat

Installer

Ajouter au workflow Agent

Gratuit et open source. Examinez le rapport avant l’installation dans des Agents de production.

Comparer les alternativesPlan de résolution autoVoir sur GitHubDocumentation

Boucle de croissance

Kit de partage

X

Brouillon guidé par scénario pour gamified-app, prêt pour une publication manuelle sur X.

Note du curateur
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
Ouvrir le brouillon X
Réponse facultative avec commande d’installation
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
Ouvrir le brouillon de réponse

Source de la fiche

Indexé par Registry

Revendiable

Cette fiche a été indexée à partir de sources publiques et n’est pas marquée officielle tant qu’une revendication de mainteneur n’est pas approuvée.

Créateur
nexu-io
Indexé par
Index communautaire OpenAgentSkill

L’attribution renvoie au dépôt public ou au profil du créateur. Les créateurs peuvent revendiquer la fiche pour mettre à jour les signaux de propriété.

Revendiquer ce skill

Revendication du propriétaire

Revendiquer cette fiche de skill

Cette fiche Indexé par Registry est attribuée à nexu-io, mais n’est pas encore marquée officielle. Revendiquez-la pour ajouter un signal de propriétaire vérifié et rendre les futures mises à jour de lancement, d’installation et d’audit plus fiables.

Kit de backlinks créateur

Ajoutez les badges de preuve à votre README

Affichez la fiche canonique, les signaux actuels de confiance et d’audit, ainsi que de vraies preuves Agent-Proven là où les développeurs évaluent le dépôt.

[![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)
Aperçu du badge Ouvrir l’audit Kit créateur

Auteur

N

nexu-io

@nexu-io

Tags

agent-skill

Adéquation plateforme

Claude Code

Signaux de santé

Stars GitHub
91.0K
Score de qualité
58/100
Dernier push GitHub
24 août 2026
Indications de framework
Inconnu
Vues OpenAgentSkill
0
Copies d’installation
0
Clics sortants
0

Signal de communauté

Indiquez si ce skill semble utile à votre workflow Agent. Les retours agrégés améliorent le classement au fil du temps.

Confiance et sécurité

Sandbox uniquement

73
  • Adoption GitHub91K stars GitHubValidé
  • Activité stars/forks91K stars et 10K forks; l’activité des issues n’est pas disponible dans les métadonnées actuellesValidé
  • Maintenance récenteMis à jour aujourd’huiValidé
  • Clarté de licenceApache-2.0Validé
  • Complétude README/SKILL.mdLes métadonnées incluent suffisamment de contexte d’usage et de workflowValidé
  • Risque dépendances/runtimeAccès aux identifiants ou variables d’environnementInfo

Skills associés

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
InstallerVoir sur GitHub