Star200+
@nexu-io

Creador · nexu-io

Última actualización · 24 ago 2026

gamified-app

Revisar · 73Indexado en 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 de OpenAgentSkill
73/100

Solo sandbox

Calidad95/100
Auditoría88/100
Estrellas91.0K
Verified installs0
Ver en GitHubAbrir auditoría completaREADME badgeReclamar este skill

Destinos de instalación

Prompt de instalación para 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.

Perfil del activo

Diseño y producción creativa

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

Ver categoría

Escenario

Diseño y creatividad

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

Afinidad con Agent

Claude Code + CLI + Codex

Funciona con Codex, Claude Code, Cursor, CLI o Agents personalizados.

Instalar

Listo

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

Mantenimiento

Actual

Actualizado hoy

Riesgo

Requiere revisión

Permission surface may require sandboxing

Calidad de GitHub

91K

95/100 Calidad · 81/100 Confianza

Etiquetas de cobertura

DiseñoDiseño y creatividadDiseño y creatividadagent-skill

Notas de revisión

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.

Tarjeta de adopción del Agent

Confianza, auditoría y preparación de instalación de un vistazo

Estas puntuaciones combinan metadatos públicos del repositorio, señales de revisión de OpenAgentSkill, actualidad de mantenimiento y preparación de instalación. Sirven para preseleccionar; no sustituyen la revisión humana.

Calidad

Excelente
95

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

Confianza

Solo sandbox
73

Candidata útil con señales de confianza incompletas o mixtas. Manténgala en un espacio aislado hasta que el ciclo de resultados demuestre el ajuste.

Auditoría

Requiere revisión
88

Revisión legible por máquina de la preparación de instalación, los metadatos de seguridad, el mantenimiento y el riesgo de adopción.

Trust Score de OpenAgentSkill v5

Revisión humana antes de instalar

Ejecute solo en un sandbox y compare alternativas cercanas antes de usarla en trabajo real.

CodexClaude CodeCursorOpenAgentSkill CLI

Estrellas

91K estrellas de GitHub

Actividad del repositorio

91K estrellas y 10K forks

Mantenimiento

Actualizado hoy

Licencia

Apache-2.0

Instalar

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

Seguridad de instalación

Ruta estándar de paquete o instalación en tiempo de ejecución

Superficie de permisos

secrets or environment access, filesystem or document access

Resultados del Agent

Aún no hay datos de resultados del Agent

Documentación

Contexto sólido de README/SKILL.md

Resumen de riesgo

Revisar antes de producción

  • 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

Preparación de instalación

Ruta de instalación disponible

  • La ruta de instalación está disponible
  • La evidencia del repositorio está disponible
  • La licencia está declarada
  • Aún no hay evidencia de resultados Agent-Proven

Metadatos legibles por Agent

Datos de decisión legibles por máquina para este skill.

Usa este bloque o el JSON integrado para decidir si un Agent debe instalar este skill, elegir una alternativa o pedir revisión humana primero.

View technical data+
Abrir JSON

Tareas adecuadas

  • flujos de Automatización de flujos
  • Equipos de Claude Code
  • Equipos que valoran señales de adopción de GitHub
  • Move data between tools

Agents adecuados

CodexClaude CodeCursorOpenAgentSkill CLICLI

Decisión de instalación

Comando
npx skills add nexu-io/open-design --skill gamified-app
Política
Revisar
Revisión humana
Sí

Confianza y riesgo

Confianza
73/100
Auditoría
88/100
Nivel de riesgo
Requiere revisión

Ciclo de resultados

Endpoint
/api/agent/outcome
ID del evento
resolve
Resultados
5

Comando de instalación

npx skills add nexu-io/open-design --skill gamified-app
Auditoría públicaInforme de evaluaciónAPI ResolveTraspaso de instalación

No usar cuando

  • Equipos que necesitan un SLA con soporte del proveedor
  • 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
  • Indicios de permisos de alto riesgo: Secrets or environment access

Skill alternativo

Frontend Design

171.2K Estrellas

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

Skill alternativo

Taste Skill: Anti-Slop Frontend

79.7K Estrellas

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

Skill alternativo

Canvas Design

171.2K Estrellas

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

Skill alternativo

Anthropic Brand Guidelines

171.2K Estrellas

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

Seguridad de Agent v2

60/100 · Revisar antes de instalar

Revisado con notas de permisosRevisar

Candidato utilizable, pero el Agent debe mostrar las notas de permisos y auditoría antes de instalar.

Requiere aprobación humana antes de instalar en un espacio de trabajo real.

Resolver con API

Medio

Acceso a red

El skill probablemente consulta páginas remotas, API, repositorios o servicios externos.

Medio

Acceso al sistema de archivos

El skill puede leer o escribir archivos de proyecto, documentos, artefactos generados o estado local.

Alto

Secrets or environment access

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

  • Indicios de permisos de alto riesgo: Secrets or environment access
  • Permission surface may require sandboxing

Plan de resolución de Agent

Deja que un Agent valide el ajuste antes de instalar.

La API Resolve devuelve la skill elegida, alternativas, política de seguridad, notas de auditoría, destino de instalación y un prompt listo para usar.

Abrir plan de texto

Abrir JSON

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

Texto de Resolve

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

Traspaso de instalación

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

Agent debe revisar

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

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

Traspaso de Agent

Da al Agent la ruta de instalación, no otro directorio.

Usa el endpoint público para obtener el comando, la lista de seguridad, prompts y enlaces canónicos.

Abrir API de instalación

Traspaso de instalación

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

Formato de texto LLM

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

Buscar alternativas

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

Prompt de 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

Metadatos del Registry

Perfil legible por Agent para seleccionar skills automáticamente.

La API Registry expone señales de decisión, confianza, auditoría, casos de uso e instalación sin raspar la interfaz.

Abrir Manifest

Manifest

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

Texto LLM

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

Alias de instalación

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

Recomendar

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

Afinidad con Agent

100/100

Automatización de flujos

Etiquetas de uso

Automatización de flujosRAG and knowledgeBrowser automation

Plataformas

Claude Code

Informe de auditoría

Requiere revisión · 88/100

Revisión legible por máquina de la preparación de instalación, los metadatos de seguridad, el mantenimiento y el riesgo de adopción.

Ver informe de auditoríaVer informe de evaluación

Panel de decisión de Agent

Elección principal para Automatización de flujos

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

100
Preparación
Adoptar
Etapa

Rol en la pila

Elección principal

Ajuste principal

Automatización de flujos

Etiqueta de confianza

Listo para producción

Ruta de instalación

Comando listo

Úsalo cuando

  • flujos de Automatización de flujos
  • Equipos de Claude Code
  • Equipos que valoran señales de adopción de GitHub

Evidencia

  • 90,977 estrellas de GitHub
  • recent repository activity
  • install command or GitHub repo available
  • perfil de calidad 95/100

revisar primero

  • 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

Ruta de implementación

  1. 1Instálalo en un Agent de sandbox y ejecuta una tarea de Automatización de flujos de principio a fin.
  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.

Perfil de confianza

Solo sandbox

Candidata útil con señales de confianza incompletas o mixtas. Manténgala en un espacio aislado hasta que el ciclo de resultados demuestre el ajuste.

73
Trust Score de OpenAgentSkill

Adopción en GitHub

Aprobado

91K estrellas de GitHub

Actividad de stars/forks

Aprobado

91K estrellas y 10K forks; la actividad de issues no está disponible en los metadatos actuales

Mantenimiento reciente

Aprobado

Actualizado hoy

Claridad de licencia

Aprobado

Apache-2.0

Señales positivas

  • Revisión de IA aprobada
  • La ruta de instalación está disponible
  • La evidencia del repositorio está disponible
  • Repositorio mantenido recientemente
  • Large GitHub adoption signal
  • El comando de instalación no muestra un patrón de alto riesgo evidente
  • El ciclo de resultados está listo, pero necesita la primera ejecución real de Agent

Revisar antes de instalar

  • 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
  • Aún no hay informes reales de resultados del Agent
  • Se requiere revisión humana antes de una instalación desatendida

Acción recomendada

Ejecute solo en un sandbox y compare alternativas cercanas antes de usarla en trabajo real.

Perfil de calidad

Excelente candidato para flujos de Agent

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

95
Estrellas de GitHub
91K
Actualidad
Hoy
Listo para instalar
Sí
Licencia
Apache-2.0
Revisar antes de instalar: 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.

Ajuste de flujo

Usa esta skill en estos escenarios

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.

Ajuste de flujo

Añadir a un flujo completo

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.

Lista de alternativas

Compara antes de instalar

Similar skills that may fit this task.

Comparar todo

Frontend Design

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

Adoptar
Listo100
Calidad100
Estrellas171.2K

Taste Skill: Anti-Slop Frontend

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

Adoptar
Listo100
Calidad100
Estrellas79.7K

Canvas Design

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

Adoptar
Listo100
Calidad100
Estrellas171.2K

Anthropic Brand Guidelines

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

Adoptar
Listo100
Calidad100
Estrellas171.2K

Resumen

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

Detalles técnicos

Versión
1.0.0
Licencia
Apache-2.0
Última actualización
24 ago 2026
Publicado
24 ago 2026

Resumen de decisión

Elección principal

100
Listo
Adoptar
Etapa

90,977 estrellas de GitHub

Auditoría

Revisión de instalación

Revisión de instalación y adopción

88
Requiere revisión
Seguridad
78/100
Mantenimiento
100/100
Instalar
92/100
Abrir auditoría completaVer informe de evaluación

Evidencia probada por Agent

Evidencia probada por Agent

Informes de resultados tras resolver, revisar, instalar y una ejecución limitada.

0
Probado
Needs first agent runAuto-instalación: revisar primeroÚltimo: Desconocido
Tasa de éxito
—
Fallo reciente
—
Resultados
0
Calidad de salida
—
Fallidos
0
No relevante
0
Instalaciones
0
Bloqueado por riesgo
0
Configuración necesaria
0
Producción
0

Aún no hay datos de resultados de Agent. La primera ejecución puede informar éxito, configuración necesaria, bloqueos de riesgo, fallo o irrelevancia mediante /api/agent/outcome.

Ranking probado por AgentContrato de resultados

Instalar

Añadir al flujo de Agent

Gratis y de código abierto. Revisa el informe antes de instalar en Agents de producción.

Comparar alternativasPlan de resolución automáticaVer en GitHubDocumentación

Bucle de crecimiento

Kit para compartir

X

Borrador basado en un caso para gamified-app, listo para publicar manualmente en X.

Nota del curador
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
Abrir borrador de X
Respuesta opcional con comando de instalación
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
Abrir borrador de respuesta

Fuente de la ficha

Indexado por Registry

Reclamable

Esta ficha se indexó desde fuentes públicas y no está marcada como oficial hasta que se apruebe una reclamación de mantenedor.

Creador
nexu-io
Indexado por
Índice comunitario de OpenAgentSkill

La atribución enlaza al repositorio público o al perfil del creador. Los creadores pueden reclamar la ficha para actualizar las señales de propiedad.

Reclamar este skill

Reclamación del propietario

Reclamar esta ficha de skill

Esta ficha Indexado por Registry se atribuye a nexu-io, pero aún no está marcada como oficial. Reclámala para añadir una señal de propietario verificado y hacer más fiables futuras actualizaciones de lanzamiento, instalación y auditoría.

Kit de enlaces para creadores

Añade las insignias de evidencia a tu README

Muestra la ficha canónica, las señales actuales de confianza y auditoría, y evidencia real de Agent-Proven donde los desarrolladores evalúan el repositorio.

[![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)
Vista previa de insignia Abrir auditoría Kit para creadores

Autor

N

nexu-io

@nexu-io

Etiquetas

agent-skill

Afinidad con plataforma

Claude Code

Señales de salud

Estrellas de GitHub
91.0K
Puntuación de calidad
58/100
Último push de GitHub
24 ago 2026
Pistas del framework
Desconocido
Vistas de OpenAgentSkill
0
Copias de instalación
0
Clics externos
0

Señal de comunidad

Comparte si este skill resulta útil para tu flujo de Agent. Los comentarios agregados mejoran la clasificación con el tiempo.

Confianza y seguridad

Solo sandbox

73
  • Adopción en GitHub91K estrellas de GitHubAprobado
  • Actividad de stars/forks91K estrellas y 10K forks; la actividad de issues no está disponible en los metadatos actualesAprobado
  • Mantenimiento recienteActualizado hoyAprobado
  • Claridad de licenciaApache-2.0Aprobado
  • Completitud de README/SKILL.mdLos metadatos incluyen suficiente contexto de uso y flujo de trabajoAprobado
  • Riesgo de dependencias/runtimeAcceso a credenciales o variables de entornoInfo

Skills relacionados

Frontend Design

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

171.2K Estrellas

Taste Skill: Anti-Slop Frontend

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

79.7K Estrellas

Canvas Design

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

171.2K Estrellas

Anthropic Brand Guidelines

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

171.2K Estrellas
InstalarVer en GitHub