Star200+
@nexu-io

作成者 · nexu-io

最終更新 · 2026年8月24日

gamified-app

レビュー · 73Registry に収録

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

サンドボックス限定

品質95/100
監査88/100
スター91.0K
Verified installs0
GitHub で見る完全な監査を開くREADME badgeこのスキルを申請

インストール先

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 Trust Score v5

インストール前に人のレビュー

実作業で使う前に、サンドボックスでのみ実行し、近い代替と比較してください。

CodexClaude CodeCursorOpenAgentSkill CLI

スター

GitHub スター 91K

リポジトリ活動

スター 91K、フォーク 10K

メンテナンス

本日プッシュ

ライセンス

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-Proven の成果エビデンスはまだありません

Agent 可読メタデータ

このスキルの機械可読な判断データ。

このブロックまたは埋め込み JSON を使い、Agent がこのスキルをインストールすべきか、代替を選ぶべきか、先に人のレビューを求めるべきかを判断できます。

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

代替スキル

Frontend Design

171.2K スター

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

代替スキル

Taste Skill: Anti-Slop Frontend

79.7K スター

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

代替スキル

Canvas Design

171.2K スター

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

代替スキル

Anthropic Brand Guidelines

171.2K スター

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 は第一候補、代替、安全ポリシー、監査メモ、インストール先、Agent がそのまま使えるプロンプトを返します。

テキストプランを開く

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 に渡します。

公開インストールエンドポイントからコマンド、安全チェックリスト、対象プロンプト、正規リンクを取得します。

Install 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 メタデータ

自動スキル選択用の Agent 可読プロファイル。

Registry API 経由で判断、信頼、監査、ユースケース、インストールのシグナルを提供し、UI をスクレイピングせずに 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 採用シグナルを重視するチーム

根拠

  • GitHub スター 90,977
  • 最近のリポジトリ活動
  • インストールコマンドまたは 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 Trust Score

GitHub 採用度

合格

GitHub スター 91K

スター／フォーク活動

合格

スター 91K、フォーク 10K; 現在のメタデータでは Issue 活動を利用できません

最近のメンテナンス

合格

本日プッシュ

ライセンスの明確さ

合格

Apache-2.0

良いシグナル

  • AI レビュー承認済み
  • インストールパスを利用できます
  • リポジトリの根拠を利用できます
  • 最近保守されたリポジトリ
  • Large GitHub adoption signal
  • インストールコマンドに明確な高リスクパターンはありません
  • 成果ループは準備済みですが、最初の実行が必要です

インストール前にレビュー

  • 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 スター
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.

ワークフロー適合

このスキルを使うシナリオ

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.

代替候補

インストール前に比較

このタスクに適する可能性のある類似スキル。

すべて比較

Frontend Design

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

採用
準備完了100
品質100
スター171.2K

Taste Skill: Anti-Slop Frontend

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

採用
準備完了100
品質100
スター79.7K

Canvas Design

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

採用
準備完了100
品質100
スター171.2K

Anthropic Brand Guidelines

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

採用
準備完了100
品質100
スター171.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
準備完了
採用
段階

GitHub スター 90,977

監査

インストールレビュー

インストールと採用のレビュー

88
要レビュー
セキュリティ
78/100
メンテナンス
100/100
インストール
92/100
完全な監査を開く評価レポートを見る

Agent 実証エビデンス

Agent 実証エビデンス

Resolve、レビュー、インストール、限定実行後の成果レポート。

0
実証済み
Needs first agent run自動インストール: 先にレビュー最新: 不明
成功率
—
直近の失敗
—
成果
0
出力品質
—
失敗
0
非該当
0
インストール数
0
リスクによりブロック
0
設定が必要
0
本番
0

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 コミュニティインデックス

帰属は公開リポジトリまたは作成者プロフィールにリンクされています。作成者は掲載を申請して所有権シグナルを更新できます。

このスキルを申請

所有者の申請

このスキル掲載を申請

この Registry により登録 掲載は nexu-io に帰属していますが、まだ公式として表示されていません。申請すると、確認済み所有者シグナルが追加され、今後の公開、インストール、監査更新の信頼性が高まります。

クリエイター被リンクキット

README にエビデンスバッジを追加

開発者がリポジトリを評価する場所で、正規掲載、現在の信頼・監査シグナル、実際の Agent-Proven エビデンスを表示します。

[![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 スター
91.0K
品質スコア
58/100
最終 GitHub プッシュ
2026年8月24日
フレームワークのヒント
不明
OpenAgentSkill 閲覧数
0
インストールコピー数
0
外部クリック
0

コミュニティシグナル

このスキルが Agent ワークフローに役立つかを共有してください。集約されたフィードバックがランキングを改善します。

信頼と安全性

サンドボックス限定

73
  • GitHub 採用度GitHub スター 91K合格
  • スター／フォーク活動スター 91K、フォーク 10K; 現在のメタデータでは Issue 活動を利用できません合格
  • 最近のメンテナンス本日プッシュ合格
  • ライセンスの明確さApache-2.0合格
  • README/SKILL.md の完全性メタデータには十分な利用・ワークフロー文脈があります合格
  • 依存関係／ランタイムのリスク認証情報または環境変数アクセス情報

関連スキル

Frontend Design

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

171.2K スター

Taste Skill: Anti-Slop Frontend

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

79.7K スター

Canvas Design

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

171.2K スター

Anthropic Brand Guidelines

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

171.2K スター
インストールGitHub で見る