Kreator · nexu-io
Pembaruan terakhir · 24 Agu 2026
gamified-app
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
Hanya sandbox
Target pemasangan
Prompt pemasangan 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 aset
Desain dan produksi kreatif
Design assets, images, video, audio, multimodal media, presentation, and creative production skills.
Skenario
Desain dan kreatif
I need my agent to produce design assets, UI directions, presentations, or creative media workflows.
Kecocokan Agent
Claude Code + CLI + Codex
Cocok untuk Codex, Claude Code, Cursor, CLI, atau Agent khusus.
Pasang
Siap
npx skills add nexu-io/open-design --skill gamified-app
Pemeliharaan
Terkini
Diperbarui hari ini
Risiko
Perlu ditinjau
Permission surface may require sandboxing
Kualitas GitHub
91K
95/100 Kualitas · 81/100 Kepercayaan
Tag cakupan
Catatan ulasan
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.
Kartu adopsi Agent
Kepercayaan, audit, dan kesiapan pemasangan dalam sekali lihat
Skor ini menggabungkan metadata repositori publik, sinyal ulasan OpenAgentSkill, kebaruan pemeliharaan, dan kesiapan pemasangan. Ini adalah sinyal shortlist, bukan pengganti peninjauan manusia.
Kualitas
Sangat baikHigh-confidence pick with strong adoption and healthy maintenance signals.
Kepercayaan
Hanya sandboxKandidat berguna dengan sinyal kepercayaan yang kurang atau bercampur. Gunakan di ruang kerja terisolasi hingga loop hasil membuktikan kecocokan tugas.
Audit
Perlu ditinjauTinjauan yang dapat dibaca mesin tentang kesiapan pemasangan, metadata keamanan, pemeliharaan, dan risiko adopsi.
Trust Score OpenAgentSkill v5
Tinjauan manusia sebelum pemasangan
Jalankan hanya dalam sandbox dan bandingkan alternatif terdekat sebelum digunakan untuk kerja nyata.
Star
91K star GitHub
Aktivitas repositori
91K star dan 10K fork
Pemeliharaan
Diperbarui hari ini
Lisensi
Apache-2.0
Pasang
npx skills add nexu-io/open-design --skill gamified-app
Keamanan pemasangan
Jalur pemasangan paket atau runtime standar
Cakupan izin
secrets or environment access, filesystem or document access
Hasil Agent
Belum ada data hasil Agent
Dokumentasi
Konteks README/SKILL.md kuat
Ringkasan risiko
Tinjau sebelum produksi
- 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
Kesiapan pemasangan
Jalur pemasangan tersedia
- Jalur pemasangan tersedia
- Bukti repositori tersedia
- Lisensi dinyatakan
- Belum ada bukti hasil Agent-Proven
Metadata yang dapat dibaca Agent
Data keputusan yang dapat dibaca mesin untuk skill ini.
Gunakan blok ini atau JSON tersemat untuk memutuskan apakah Agent perlu memasang skill ini, memilih alternatif, atau meminta tinjauan manusia terlebih dahulu.
View technical data+
Metadata yang dapat dibaca Agent
Data keputusan yang dapat dibaca mesin untuk skill ini.
Gunakan blok ini atau JSON tersemat untuk memutuskan apakah Agent perlu memasang skill ini, memilih alternatif, atau meminta tinjauan manusia terlebih dahulu.
Tugas yang sesuai
- alur kerja Otomasi alur kerja
- Tim Claude Code
- Tim yang menghargai sinyal adopsi GitHub
- Move data between tools
Agent yang sesuai
Keputusan pemasangan
- Perintah
- npx skills add nexu-io/open-design --skill gamified-app
- Kebijakan
- Tinjau
- Tinjauan manusia
- Ya
Kepercayaan dan risiko
- Kepercayaan
- 73/100
- Audit
- 88/100
- Tingkat risiko
- Perlu ditinjau
Lingkar hasil
- Endpoint
- /api/agent/outcome
- ID event
- resolve
- Hasil
- 5
Perintah pemasangan
npx skills add nexu-io/open-design --skill gamified-appJangan gunakan ketika
- Tim yang membutuhkan SLA dengan dukungan vendor
- 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
- Petunjuk izin berisiko tinggi: Secrets or environment access
Skill alternatif
Frontend Design
171.2K Star
npx skills add anthropics/skills --skill frontend-design
Skill alternatif
Taste Skill: Anti-Slop Frontend
79.7K Star
npx skills add Leonxlnx/taste-skill --skill design-taste-frontend
Skill alternatif
Canvas Design
171.2K Star
npx skills add anthropics/skills --skill canvas-design
Skill alternatif
Anthropic Brand Guidelines
171.2K Star
npx skills add anthropics/skills --skill brand-guidelines
Keamanan Agent v2
60/100 · Tinjau sebelum memasang
Kandidat yang dapat digunakan, tetapi Agent harus menampilkan catatan izin dan audit sebelum memasang.
Memerlukan persetujuan manusia sebelum memasang ke workspace nyata.
Sedang
Akses jaringan
Skill kemungkinan mengambil halaman jarak jauh, API, repositori, atau layanan eksternal.
Sedang
Akses sistem file
Skill dapat membaca atau menulis file proyek, dokumen, artefak yang dihasilkan, atau status workspace lokal.
Tinggi
Secrets or environment access
Skill metadata references credentials, tokens, environment variables, or secret-bearing workflows.
- Petunjuk izin berisiko tinggi: Secrets or environment access
- Permission surface may require sandboxing
Rencana resolusi Agent
Biarkan Agent memverifikasi kecocokan sebelum memasang.
API Resolve mengembalikan skill utama, alternatif, kebijakan keamanan, catatan audit, target pemasangan, dan prompt siap pakai.
Buka JSON
/api/agent/resolve?task=Use%20gamified-app%20for%20an%20agent%20workflow&agent=codex&max_risk=medium
Teks Resolve
/api/agent/resolve?task=Use%20gamified-app%20for%20an%20agent%20workflow&agent=codex&max_risk=medium&format=text
Serah-terima pemasangan
/api/skills/nexu-io-gamified-app/install
Agent harus memeriksa
- 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.
Salin 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.Serah-terima Agent
Berikan jalur pemasangan kepada Agent, bukan direktori lain.
Gunakan endpoint publik untuk mengambil perintah, checklist keamanan, prompt target, dan tautan kanonis.
Serah-terima pemasangan
/api/skills/nexu-io-gamified-app/install
Format teks LLM
/api/skills/nexu-io-gamified-app/install?format=text
Cari alternatif
/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-appMetadata Registry
Profil yang dapat dibaca Agent untuk pemilihan skill otomatis.
API Registry menyediakan sinyal keputusan, kepercayaan, audit, use case, dan pemasangan tanpa mengikis UI.
Manifest
/api/registry/manifest/nexu-io-gamified-app
Teks LLM
/api/registry/manifest/nexu-io-gamified-app?format=text
Alias pemasangan
/api/registry/install/nexu-io-gamified-app
Rekomendasikan
/api/registry/recommend?task=Use%20gamified-app%20in%20an%20agent%20workflow&limit=3
Kecocokan Agent
Otomasi alur kerja
Platform
Claude Code
Laporan audit
Perlu ditinjau · 88/100
Tinjauan yang dapat dibaca mesin tentang kesiapan pemasangan, metadata keamanan, pemeliharaan, dan risiko adopsi.
Panel keputusan Agent
Pilihan utama untuk Otomasi alur kerja
Use this as a leading candidate, then validate the README and install path in your own agent stack.
Peran di stack
Pilihan utama
Kecocokan utama
Otomasi alur kerja
Label kepercayaan
Siap produksi
Jalur pemasangan
Perintah siap
Gunakan saat
- alur kerja Otomasi alur kerja
- Tim Claude Code
- Tim yang menghargai sinyal adopsi GitHub
Bukti
- 90,977 star GitHub
- recent repository activity
- install command or GitHub repo available
- profil kualitas 95/100
tinjau dulu
- 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
Jalur implementasi
- 1Pasang di Agent sandbox dan jalankan satu tugas Otomasi alur kerja dari awal hingga akhir.
- 2Compare output quality, latency, and failure behavior against at least one alternative.
- 3Promote it into production only after reviewing repository permissions, license, and maintenance signals.
Profil kepercayaan
Hanya sandbox
Kandidat berguna dengan sinyal kepercayaan yang kurang atau bercampur. Gunakan di ruang kerja terisolasi hingga loop hasil membuktikan kecocokan tugas.
Adopsi GitHub
Lulus91K star GitHub
Aktivitas star/fork
Lulus91K star dan 10K fork; aktivitas issue tidak tersedia dalam metadata saat ini
Pemeliharaan terbaru
LulusDiperbarui hari ini
Kejelasan lisensi
LulusApache-2.0
Sinyal positif
- Tinjauan AI disetujui
- Jalur pemasangan tersedia
- Bukti repositori tersedia
- Repositori yang baru dipelihara
- Large GitHub adoption signal
- Perintah pemasangan tidak memiliki pola berisiko tinggi yang jelas
- Loop hasil siap tetapi membutuhkan eksekusi Agent nyata pertama
Tinjau sebelum memasang
- 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
- Belum ada laporan hasil Agent nyata
- Tinjauan manusia diperlukan sebelum pemasangan tanpa pengawasan
Tindakan yang disarankan
Jalankan hanya dalam sandbox dan bandingkan alternatif terdekat sebelum digunakan untuk kerja nyata.
Profil kualitas
Sangat baik kandidat untuk alur kerja Agent
High-confidence pick with strong adoption and healthy maintenance signals.
Kecocokan alur kerja
Gunakan skill ini pada skenario berikut
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.
Kecocokan alur kerja
Tambahkan ke alur kerja lengkap
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.
Daftar alternatif
Bandingkan sebelum memasang
Similar skills that may fit this task.
Frontend Design
Guidance for distinctive, intentional UI design, typography, visual direction, and non-template-like product interfaces.
Taste Skill: Anti-Slop Frontend
Design and implementation guidance for distinctive landing pages, portfolios, product demos, and purposeful redesigns.
Canvas Design
Create original visual art, posters, PNG assets, and PDF documents through a clear design philosophy.
Anthropic Brand Guidelines
Apply Anthropic official brand colors, typography, and visual standards to appropriate Anthropic-related artifacts.
Ringkasan
--- 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.
Detail teknis
- Versi
- 1.0.0
- Lisensi
- Apache-2.0
- Pembaruan terakhir
- 24 Agu 2026
- Diterbitkan
- 24 Agu 2026
Ringkasan keputusan
Pilihan utama
90,977 star GitHub
Audit
Tinjauan pemasangan
Tinjauan pemasangan dan adopsi
- Keamanan
- 78/100
- Pemeliharaan
- 100/100
- Pasang
- 92/100
Bukti tervalidasi Agent
Bukti tervalidasi Agent
Laporan hasil setelah resolve, tinjau, pasang, dan satu eksekusi terbatas.
- Tingkat sukses
- —
- Kegagalan terbaru
- —
- Hasil
- 0
- Kualitas output
- —
- Gagal
- 0
- Tidak relevan
- 0
- Pemasangan
- 0
- Diblokir risiko
- 0
- Perlu penyiapan
- 0
- Produksi
- 0
Belum ada data hasil Agent. Eksekusi pertama dapat melaporkan keberhasilan, kebutuhan setup, blok risiko, kegagalan, atau tidak relevan melalui /api/agent/outcome.
Pasang
Tambahkan ke alur Agent
Gratis dan sumber terbuka. Tinjau laporan sebelum memasang pada Agent produksi.
Siklus pertumbuhan
Kit berbagi
Draf berbasis skenario untuk gamified-app, siap untuk posting manual di 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
Balasan opsional dengan perintah pemasangan
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
Sumber listing
Diindeks Registry
Listing ini diindeks dari sumber publik dan belum ditandai resmi hingga klaim pemelihara disetujui.
- Kreator
- nexu-io
- Sumber
- nexu-io/open-design
- Diindeks oleh
- Indeks komunitas OpenAgentSkill
Atribusi menautkan ke repositori publik atau profil kreator. Kreator dapat mengklaim listing untuk memperbarui sinyal kepemilikan.
Klaim skill iniKlaim pemilik
Klaim listing skill ini
Listing Diindeks Registry ini dikaitkan dengan nexu-io, tetapi belum ditandai resmi. Klaim untuk menambahkan sinyal pemilik terverifikasi dan membuat pembaruan peluncuran, pemasangan, serta audit berikutnya lebih tepercaya.
Kit backlink kreator
Tambahkan badge bukti ke README Anda
Tampilkan listing kanonis, sinyal kepercayaan dan audit saat ini, serta bukti Agent-Proven nyata di tempat pengembang mengevaluasi repositori.
[](https://www.openagentskill.com/skills/nexu-io-gamified-app)
[](https://www.openagentskill.com/skills/nexu-io-gamified-app)
[](https://www.openagentskill.com/skills/nexu-io-gamified-app/audit)
[](https://www.openagentskill.com/skills/nexu-io-gamified-app)Penulis
nexu-io
@nexu-io
Tag
Kecocokan platform
Sinyal kesehatan
- Star GitHub
- 91.0K
- Skor kualitas
- 58/100
- Push GitHub terakhir
- 24 Agu 2026
- Petunjuk framework
- Tidak diketahui
- Tampilan OpenAgentSkill
- 0
- Salinan pemasangan
- 0
- Klik keluar
- 0
Sinyal komunitas
Bagikan apakah skill ini bermanfaat untuk alur kerja Agent Anda. Masukan gabungan meningkatkan peringkat dari waktu ke waktu.
Kepercayaan & keamanan
Hanya sandbox
- Adopsi GitHub91K star GitHubLulus
- Aktivitas star/fork91K star dan 10K fork; aktivitas issue tidak tersedia dalam metadata saat iniLulus
- Pemeliharaan terbaruDiperbarui hari iniLulus
- Kejelasan lisensiApache-2.0Lulus
- Kelengkapan README/SKILL.mdMetadata memuat konteks penggunaan dan alur kerja yang cukupLulus
- Risiko dependensi/runtimeAkses kredensial atau variabel lingkunganInfo
Skill terkait
Frontend Design
Guidance for distinctive, intentional UI design, typography, visual direction, and non-template-like product interfaces.
171.2K StarTaste Skill: Anti-Slop Frontend
Design and implementation guidance for distinctive landing pages, portfolios, product demos, and purposeful redesigns.
79.7K StarCanvas Design
Create original visual art, posters, PNG assets, and PDF documents through a clear design philosophy.
171.2K StarAnthropic Brand Guidelines
Apply Anthropic official brand colors, typography, and visual standards to appropriate Anthropic-related artifacts.
171.2K Star