Star200+
@nexu-io

创作者 · nexu-io

最近更新 · 2026年8月24日

gamified-app

审查 · 73已收录

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 信任评分
73/100

仅限沙盒

质量95/100
审计88/100
Stars91.0K
Verified installs0
在 GitHub 查看打开完整审计README badge认领此 Skill

安装目标

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.

供给资产档案

设计与创意生产

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

浏览赛道

场景

设计与创意

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

适配 Agent

Claude Code + CLI + Codex

适用于 Codex、Claude Code、Cursor、CLI 或自定义 Agent。

安装

就绪

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

维护状态

新鲜

今天有推送

风险

需审查

Permission surface may require sandboxing

GitHub 质量

91K

95/100 质量 · 81/100 信任

覆盖标签

设计设计与创意设计与创意agent-skill

审查说明

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 采用评分卡

一眼查看信任、审计与安装准备度

这些分数综合公开仓库元数据、OpenAgentSkill 审查信号、维护新鲜度与安装准备度。它用于候选筛选，不替代人工审查。

质量

优秀
95

高置信候选，具有较强的采用度与健康维护信号。

信任

仅限沙盒
73

有用但信任信号不足或混杂的候选项。在结果闭环证明任务匹配前，请保持在隔离工作区内使用。

审计

需审查
88

对安装准备度、安全元数据、维护情况与采用风险的机器可读审查。

OpenAgentSkill 信任评分 v5

安装前需人工审查

仅在沙盒中运行，并在用于真实工作前比较接近的替代方案。

CodexClaude CodeCursorOpenAgentSkill CLI

Stars

91K 个 GitHub Stars

仓库活跃度

91K 个 Star，10K 个 Fork

维护状态

今天有推送

许可证

Apache-2.0

安装

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

安装安全性

标准软件包或运行时安装路径

权限范围

secrets or environment access, filesystem or document access

Agent 结果

暂未有 Agent 结果数据

文档

README/SKILL.md 上下文充分

风险摘要

生产前审查

  • 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

安装准备度

安装路径可用

  • 安装路径可用
  • 仓库证据可用
  • 已声明许可证
  • 暂无 Agent 验证结果证据

Agent 可读元数据

这个 Skill 的机器可读决策数据。

使用此区块或内嵌 JSON 判断 Agent 是否应安装该 Skill、选择替代方案，或先请求人工审查。

View technical data+
打开 JSON

适用任务

  • 工作流自动化 工作流
  • Claude Code 团队
  • 重视 GitHub 采用信号的团队
  • Move data between tools

适用 Agent

CodexClaude CodeCursorOpenAgentSkill CLICLI

安装决策

命令
npx skills add nexu-io/open-design --skill gamified-app
策略
审查
人工审查
是

信任与风险

信任
73/100
审计
88/100
风险级别
需审查

结果闭环

端点
/api/agent/outcome
事件 ID
resolve
结果
5

安装命令

npx skills add nexu-io/open-design --skill gamified-app
公开审计评估报告Resolve API安装交接

不适用场景

  • 需要厂商支持 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.
  • 暂未有 OpenAgentSkill 使用反馈数据
  • 高风险权限提示：Secrets or environment access

替代 Skill

Frontend Design

171.2K Stars

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

替代 Skill

Taste Skill: Anti-Slop Frontend

79.7K Stars

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

替代 Skill

Canvas Design

171.2K Stars

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

替代 Skill

Anthropic Brand Guidelines

171.2K Stars

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

Agent 安全 v2

60/100 · 安装前审查

已审查并附权限说明审查

可用候选，但 Agent 在安装前应展示权限与审计说明。

在真实工作区安装前需要人工批准。

通过 API 解析

中

网络访问

Skill 可能访问远程页面、API、仓库或外部服务。

中

文件系统访问

Skill 可能读取或写入项目文件、文档、生成产物或本地工作区状态。

高

Secrets or environment access

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

  • 高风险权限提示：Secrets or environment access
  • Permission surface may require sandboxing

Agent 解析计划

让 Agent 在安装前验证匹配度。

Resolve API 返回首选 Skill、替代方案、安全策略、审计说明、安装目标和可直接执行的提示词，无需抓取此页面。

打开文本计划

打开 JSON

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

Resolve 文本

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

安装交接

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

Agent 应检查

  • 从 Resolve API 检查任务匹配与替代方案。
  • 检查审计评分、信任评分和安全策略警告。
  • 检查 Codex、Claude Code、Cursor 或 CLI 的安装目标兼容性。

复制提示词

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 交接

把安装路径交给 Agent，而不是再给一个目录页。

通过公开安装端点获取命令、安全清单、目标提示词和该 Skill 的规范链接。

打开安装 API

安装交接

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

LLM 文本格式

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

寻找替代方案

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

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

Registry 元数据

用于自动选择 Skill 的 Agent 可读档案。

本页通过 Registry API 提供相同的决策、信任、审计、场景和安装信号，让 Agent 无需抓取界面即可排序。

打开 Manifest

Manifest

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

LLM 文本

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

安装别名

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

推荐

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

适配 Agent

100/100

工作流自动化

使用场景标签

工作流自动化RAG and knowledgeBrowser automation

平台

Claude Code

审计报告

需审查 · 88/100

对安装准备度、安全元数据、维护情况与采用风险的机器可读审查。

查看审计报告查看评估报告

Agent 决策面板

适合 工作流自动化 的首选

将其作为优先候选，再在你的 Agent 环境中验证 README 与安装路径。

100
就绪度
采用
阶段

栈中角色

首选

主要匹配

工作流自动化

信任标签

可用于生产

安装路径

命令已就绪

适用场景

  • 工作流自动化 工作流
  • Claude Code 团队
  • 重视 GitHub 采用信号的团队

证据

  • 90,977 个 GitHub Stars
  • 仓库近期活跃
  • 已提供安装命令或 GitHub 仓库
  • 95/100 质量档案

先审查

  • 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.
  • 暂未有 OpenAgentSkill 使用反馈数据

实施路径

  1. 1在沙盒 Agent 中安装它，并端到端完成一次工作流自动化任务。
  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.

信任档案

仅限沙盒

有用但信任信号不足或混杂的候选项。在结果闭环证明任务匹配前，请保持在隔离工作区内使用。

73
OpenAgentSkill 信任评分

GitHub 采用度

通过

91K 个 GitHub Stars

Star/Fork 活跃度

通过

91K 个 Star，10K 个 Fork; 当前元数据中没有议题活跃度信息

近期维护

通过

今天有推送

许可证清晰度

通过

Apache-2.0

积极信号

  • AI 审查已通过
  • 安装路径可用
  • 仓库证据可用
  • 近期维护的仓库
  • Large GitHub adoption signal
  • 安装命令未发现明显高风险模式
  • 结果闭环已就绪，但需要首次真实 Agent 运行

安装前审查

  • 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
  • 暂未有真实 Agent 结果报告
  • 无人值守安装前需要人工审查

建议操作

仅在沙盒中运行，并在用于真实工作前比较接近的替代方案。

质量档案

优秀 适用于 Agent 工作流的候选

高置信候选，具有较强的采用度与健康维护信号。

95
GitHub Stars
91K
新鲜度
今天
安装就绪
是
许可证
Apache-2.0
安装前审查: 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.

工作流匹配

在这些场景使用此 Skill

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.

工作流匹配

加入完整工作流

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.

替代方案短名单

安装前对比

可能适合该任务的相近 Skill。

对比全部

Frontend Design

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

采用
就绪100
质量100
Stars171.2K

Taste Skill: Anti-Slop Frontend

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

采用
就绪100
质量100
Stars79.7K

Canvas Design

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

采用
就绪100
质量100
Stars171.2K

Anthropic Brand Guidelines

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

采用
就绪100
质量100
Stars171.2K

概览

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

技术详情

版本
1.0.0
许可证
Apache-2.0
最近更新
2026年8月24日
发布时间
2026年8月24日

决策摘要

首选

100
就绪
采用
阶段

90,977 个 GitHub Stars

审计

安装审查

安装与采用审查

88
需审查
安全性
78/100
维护状态
100/100
安装
92/100
打开完整审计查看评估报告

Agent 验证证据

Agent 验证证据

来自解析、审查、安装和一次小范围运行后的结果报告。

0
已验证
Needs first agent run自动安装: 先审查最近: 未知
成功率
—
近期失败
—
结果
0
输出质量
—
失败
0
不相关
0
安装次数
0
风险拦截
0
需要配置
0
生产环境
0

暂时没有 Agent 结果数据。首次 Agent 执行可以通过 /api/agent/outcome 报告成功、需要设置、风险拦截、失败或不相关。

Agent 已验证排行结果契约

安装

加入 Agent 工作流

免费且开源. 在生产 Agent 中安装前请先审查报告。

对比替代方案自动解析计划在 GitHub 查看文档

增长闭环

分享工具包

X

为 gamified-app 准备的场景化草稿，可手动发布到 X。

策展说明
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
打开 X 草稿
可选：带安装命令的回复
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
打开回复草稿

收录来源

Registry 收录

可认领

此列表来自公开来源，维护者认领获批前不会标记为官方。

创作者
nexu-io
收录方
OpenAgentSkill 社区索引

归属链接指向公开仓库或创作者主页。创作者可认领列表以更新所有权信号。

认领此 Skill

所有者认领

认领此 Skill 页面

这条 Registry 收录 列表归属于 nexu-io，但尚未标记为官方。认领后可增加已验证所有者信号，使后续发布、安装和审计更新更值得信赖。

创作者外链工具包

将证据徽章加入你的 README

在开发者评估仓库的位置展示规范页面、当前信任与审计信号，以及真实的 Agent 验证证据。

[![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)
预览徽章 打开审计 创作者工具包

作者

N

nexu-io

@nexu-io

标签

agent-skill

平台适配

Claude Code

健康信号

GitHub Stars
91.0K
质量评分
58/100
最近 GitHub 推送
2026年8月24日
框架提示
未知
OpenAgentSkill 浏览量
0
复制安装命令
0
跳转点击
0

社区信号

告诉我们这个 Skill 是否对你的 Agent 工作流有帮助。汇总反馈会持续改善排序。

信任与安全

仅限沙盒

73
  • GitHub 采用度91K 个 GitHub Stars通过
  • Star/Fork 活跃度91K 个 Star，10K 个 Fork; 当前元数据中没有议题活跃度信息通过
  • 近期维护今天有推送通过
  • 许可证清晰度Apache-2.0通过
  • README/SKILL.md 完整度元数据包含足够的用法与工作流上下文通过
  • 依赖与运行时风险凭据或环境变量访问信息

相关 Skill

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
安装在 GitHub 查看