Gamified App
Spins up a three-phone showcase for gamified life-management prototypes: a poster frame with your value prop, a dashboard of today's quests with XP ribbons and a level bar, and a quest detail screen. Built for briefs that mention habit trackers, RPG-style apps, or daily quests. Everything renders as inline CSS and SVG, no images. The tiles use pastel accents so they feel playful without tipping into cartoon territory. Useful when you need to show clients what a level-up system looks like in practice, not just wireframes. Reads as adult gamification, not a kids' chore chart.
- skills.sh installs
- 236
- GitHub stars
- 106.9K
- last updated
- Aug 21, 2026
Install
$ npx -y skills add nexu-io/open-design --skill gamified-app --agent claude-codeInstalls into .claude/skills of the current project.
Files
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
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/nexu-io/open-design
- Categories
- Documentation, Code Review & Quality, Mobile Development, Design & UI/UX, Game Development
- First seen
- Jun 3, 2026
More from nexu-io/open-design
All 217- Pm Spec234
- Weekly Update234
- Dating Web233
- Hr Onboarding233
- Meeting Notes233
- Eng Runbook231
- Team Okrs229
- Image Poster225
- Hyperframes220
- Audio Jingle210
- Replit Deck209
- Video Shortform209
- Html Ppt208
- Html Ppt Pitch Deck190
- Html Ppt Course Module186
- Html Ppt Obsidian Claude Gradient186
- Html Ppt Hermes Cyber Terminal185
- Html Ppt Weekly Report185
- Html Ppt Graphify Dark Graph184
- Html Ppt Knowledge Arch Blueprint184
- Html Ppt Xhs Pastel Card184
- Html Ppt Tech Sharing183
- Html Ppt Dir Key Nav Minimal182
- Html Ppt Presenter Mode182
Recommended
More Documentation
pr-draft-summaryopenai/openai-agents-pythonCreate the required PR-ready summary block, branch suggestion, title, and draft description for openai-agents-python. Use before the final response whenever the236skills.sh installs
image-searchz0gsh1u/oh-my-writing-skill对给定选题进行联网图片搜索，查找适合配图的素材。 使用 DuckDuckGo 图片搜索，支持尺寸、颜色、类型、版权过滤。 返回图片 URL、缩略图、来源等结构化信息。233skills.sh installs
eng-runbooknexu-io/open-designAn engineering runbook — service overview, alerts table, dashboards links, common procedures with copy-pasteable commands, on-call rotation, and an incident-res231skills.sh installs
opc-business-model-designeasychen/opc-methodologyDesign a viable business model for a one-person company using Lean Canvas and a simplified Business Model Canvas. Use when Codex needs to explain the business-m226skills.sh installs
onboardingeveryinc/compound-engineering-pluginGenerate or regenerate ONBOARDING.md to help new contributors understand a codebase. Use when the user asks to 'create onboarding docs', 'generate ONBOARDING.md225skills.sh installs
remotion-script-writersanky369/vibe-building-skillsWrite a complete, render-ready Remotion video script as structured JSON: analyze the user's codebase or product, break the video into timed scenes, specify ever224skills.sh installs