One player in a werewolf-style game is secretly an AI
Intermediate16h2–3
LLMSocket.IONext.js
18/20Vibe-Coded Mini Arcade
Make a small game by describing it, then tweak the code.
Intermediate24h1–3 people16/20 fit
Build Vibe-Coded Mini Arcade for beginners learning to code in ~24h with 1–3 people. Stack: Next.js + LLM + Canvas + Sandboxed iframe.
Why it wins: Vibe coding made playful and educational.
Build flow
01 · Problem
Beginners give up before their first game works.
02 · Solution
Describe a game; get runnable code in a sandbox; tweak via chat or edit directly.
03 · Build
- 1Game code prompt
- 2Iframe sandbox
- 3Diff-based tweaks
- 4Gallery of games
04 · Demo
Type “snake but with portals” → game runs → “make it faster” → it updates.
MVP checklist
- Prompt → game code
- Sandboxed preview
- Chat tweaks
- Code view
Tech stack
| Tech | Role | |
|---|---|---|
| Next.js | Frontend + API routes | Web |
| LLM | Language model | AI |
| Canvas | 2D rendering | UI |
| Sandboxed iframe | Isolated preview | Web |
Related ideas
More GamingGaming
Chess Move Explainer
Explain why the engine's best move is best in plain words
Intermediate14h1Chess engineLLMNext.js17/20Gaming
LLM Murder Mystery Party
Every guest gets a secret character while an AI narrator runs the mystery
Intermediate16h1–3LLMSocket.IONext.js17/20