Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

Want to know how to vibe code games like these? - ThreeJS Claude Code / Codex Agent Skills - Nano Bana Pro - Game Design + Technical Design Specs - Opus 4.5 / Gpt 5.2 Here's my FULL step-by-step workflow 👇 Source code + agent .mds + playable links... show more

Chong-U

11,191 subscribers

234,240 views • 4 months ago •via X (Twitter)

Gaming Science & Technology

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

As promised, here's my full workflow of how to vibe code 2d games like this: - PhaserJs skill for gamedev - Playwright skill for testing - Opus 4.5 / Gpt 5.2 - Claude Code / Codex CLI / Cursor Step-by-step video below👇 Source code + agent .mds + playable links in reply

As promised, here's my full workflow of how to vibe code 2d games like this: - PhaserJs skill for gamedev - Playwright skill for testing - Opus 4.5 / Gpt 5.2 - Claude Code / Codex CLI / Cursor Step-by-step video below👇 Source code + agent .mds + playable links in reply

Chong-U

179,564 views • 4 months ago

Want to vibe code games for iOS easily? Steal this workflow. > Love2D engine > 2 agent skills > Write once; works everywhere (mac + simulator + device) > No need to open Xcode I used Claude Code Kimi K2.5, but works with Opus 4.5 / GPT 5.2, etc. FULL step-by-step video 👇

Want to vibe code games for iOS easily? Steal this workflow. > Love2D engine > 2 agent skills > Write once; works everywhere (mac + simulator + device) > No need to open Xcode I used Claude Code Kimi K2.5, but works with Opus 4.5 / GPT 5.2, etc. FULL step-by-step video 👇

Chong-U

16,929 views • 4 months ago

It's been fun, but time to wrap up this project! Learnt so much about vibe coding 2d games: - PhaserJS agent skill - Tiny Swords asset Pixel Frog - TinyPRD for game design - Playwright for testing - Opus 4.5 w/ Claude Code - GPT 5.2 w/ Codex CLI Links in reply 👇

It's been fun, but time to wrap up this project! Learnt so much about vibe coding 2d games: - PhaserJS agent skill - Tiny Swords asset Pixel Frog - TinyPRD for game design - Playwright for testing - Opus 4.5 w/ Claude Code - GPT 5.2 w/ Codex CLI Links in reply 👇

Chong-U

30,705 views • 4 months ago

Here's how I use BOTH Codex + Claude Code to vibe code games For my Final Fantasy Tactics game: → 1. GPT 5.4/5.3-Codex/5.2 → 2. Opus 4.6 → 3. Nano Banana 2 → 4. Playwright → Plans + AskUserQuestion → Queue + interrupt prompts → Auto test + bug fixing FULL workflow👇 00:00 Intro 02:07 Step 1: Game Overview 03:27 Step 2: Nano Banana 2 for Portraits 05:12 Step 3: GPT 5.2 / 5.4 for Planning 09:56 Step 4: AskUserQuestion in Codex 12:02 Step 5: Saving your plans and prompts 13:43 Step 6: GPT 5.3-Codex for Implementing 16:34 Step 7: Implementing Cutscenes 20:49 Step 8: LazyGit + Yazi - Staying in the terminal 22:46 Step 9: Reviewing the changes 23:49 Step 10: Steering Codex - Queued Prompts 25:36 Steo 11: Steering Codex - Interrupt Prompts 26:45 Steo 12: Claude Code and Opus 4.6 27:16 Step 13: xHigh Reasoning for Tricky Bugs 28:50 Step 14: Playwright for automated testing + fixes 30:56 Step 15: Claude Code Plan Mode Previews 32:56 Step 16: Steering Claude Code - Add Notes to Plans 35:05 Wrap-Up

Here's how I use BOTH Codex + Claude Code to vibe code games For my Final Fantasy Tactics game: → 1. GPT 5.4/5.3-Codex/5.2 → 2. Opus 4.6 → 3. Nano Banana 2 → 4. Playwright → Plans + AskUserQuestion → Queue + interrupt prompts → Auto test + bug fixing FULL workflow👇 00:00 Intro 02:07 Step 1: Game Overview 03:27 Step 2: Nano Banana 2 for Portraits 05:12 Step 3: GPT 5.2 / 5.4 for Planning 09:56 Step 4: AskUserQuestion in Codex 12:02 Step 5: Saving your plans and prompts 13:43 Step 6: GPT 5.3-Codex for Implementing 16:34 Step 7: Implementing Cutscenes 20:49 Step 8: LazyGit + Yazi - Staying in the terminal 22:46 Step 9: Reviewing the changes 23:49 Step 10: Steering Codex - Queued Prompts 25:36 Steo 11: Steering Codex - Interrupt Prompts 26:45 Steo 12: Claude Code and Opus 4.6 27:16 Step 13: xHigh Reasoning for Tricky Bugs 28:50 Step 14: Playwright for automated testing + fixes 30:56 Step 15: Claude Code Plan Mode Previews 32:56 Step 16: Steering Claude Code - Add Notes to Plans 35:05 Wrap-Up

Chong-U

47,264 views • 3 months ago

Here's the full video on using Claude Code Skills with Nano Banana Pro and ThreeJS. I've also made the both Claude skills + prompts + source code FREE (check reply) Enjoy!

Here's the full video on using Claude Code Skills with Nano Banana Pro and ThreeJS. I've also made the both Claude skills + prompts + source code FREE (check reply) Enjoy!

Chong-U

147,256 views • 5 months ago

Claude Code just became a multi-agent powerhouse! Create custom agents like code reviewers and security experts with /agents My workflow: software engineer → code reviewer → security agent. Each specialised agent catches what others might miss 10x'd my productivity by having focused experts review every step. Here's how to set it up:

Claude Code just became a multi-agent powerhouse! Create custom agents like code reviewers and security experts with /agents My workflow: software engineer → code reviewer → security agent. Each specialised agent catches what others might miss 10x'd my productivity by having focused experts review every step. Here's how to set it up:

Mervin Praison

77,604 views • 10 months ago

Continuing my vibe coding journey with 2d games From blank screen to below in just a few prompts Thanks to Agent Skills! > GPT 5.2 High + GPT 5.2 Codex in Codex CLI > Parallax scrolling > Fully animated character movement > PhaserJs Skill Not a single line of code written👇

Continuing my vibe coding journey with 2d games From blank screen to below in just a few prompts Thanks to Agent Skills! > GPT 5.2 High + GPT 5.2 Codex in Codex CLI > Parallax scrolling > Fully animated character movement > PhaserJs Skill Not a single line of code written👇

Chong-U

240,370 views • 4 months ago

Build your ideas with Cursor and Figma. Watch Lee Robinson go from design to code with GPT-5-Codex and Agent.

Build your ideas with Cursor and Figma. Watch Lee Robinson go from design to code with GPT-5-Codex and Agent.

Cursor

276,310 views • 8 months ago

Introducing the Sleek Design Skill Just install it and your agent instantly makes better mobile app designs Works with Claude Code, Codex or any agent with skills. Link below.

Introducing the Sleek Design Skill Just install it and your agent instantly makes better mobile app designs Works with Claude Code, Codex or any agent with skills. Link below.

Mattia

181,809 views • 2 months ago

This is how the Intercom design team uses AI to prototype directly in code Designers using AI tools should copy this AI workflow to ship faster 👀 Watch the full video on Sneak Peek: Domingo Widen shows how Intercom design team uses Figma Code Connect + Claude to design directly in code 👇

This is how the Intercom design team uses AI to prototype directly in code Designers using AI tools should copy this AI workflow to ship faster 👀 Watch the full video on Sneak Peek: Domingo Widen shows how Intercom design team uses Figma Code Connect + Claude to design directly in code 👇

Jayneil Dalal

54,024 views • 3 months ago

Claude Code now designs my mobile apps. Just added one skill and now I vibe design and code from the terminal. Here's the exact workflow I use:

Claude Code now designs my mobile apps. Just added one skill and now I vibe design and code from the terminal. Here's the exact workflow I use:

Mattia

42,652 views • 2 months ago

Cursor for Design? This Claude Code UI workflow is insane And many vibe coders not aware of it: 1. Claude Code can assign parallel tasks to sub agents 2. Integrate with git worktree to create sandbox env This means you can get Claude Code generate 10 design at the same time, fork & iterate 🔁 Design is an explorative process, by leveraging sub agent + parallel task capabilities, many interesting product UX can be built; Also turned this workflow into an open-source IDE extension here:

Cursor for Design? This Claude Code UI workflow is insane And many vibe coders not aware of it: 1. Claude Code can assign parallel tasks to sub agents 2. Integrate with git worktree to create sandbox env This means you can get Claude Code generate 10 design at the same time, fork & iterate 🔁 Design is an explorative process, by leveraging sub agent + parallel task capabilities, many interesting product UX can be built; Also turned this workflow into an open-source IDE extension here:

Jason Zhou

40,635 views • 11 months ago

You can now run Claude Code locally for FREE. → Using open-source models → Locally and fully private → Full agent + tool workflows Here's the FULL step-by-step tutorial to get it all set up in less than 10 minutes:

You can now run Claude Code locally for FREE. → Using open-source models → Locally and fully private → Full agent + tool workflows Here's the FULL step-by-step tutorial to get it all set up in less than 10 minutes:

Alvaro Cintas

1,314,156 views • 4 months ago

Here's a step-by-step video tutorial of how I vibe coded my point & click adventure game! → 1. Nano Banana Pro → 2. Meshy → 3. Codex 5.3 → 4. Capacitor This part 1 covers: → Generate 3D models → ThreeJS integration → Building for iOS Agent skills + prompts in reply! --- 00:00 Intro 01:40 What We'll Be Building 02:08 Step 1: Nano Banana Pro for Character Art 04:36 Step 2: Meshy for Image to 3D 09:51 Step 3: GLB Export 12:14 Step 4: ThreeJS Skill for GLB Index 15:56 Step 5: ThreeJS Skill for Scene 18:07 Step 6: CapacitorJS Skill for Mobile 19:41 Step 7: Build for iOS 21:06 Wrap Up

Here's a step-by-step video tutorial of how I vibe coded my point & click adventure game! → 1. Nano Banana Pro → 2. Meshy → 3. Codex 5.3 → 4. Capacitor This part 1 covers: → Generate 3D models → ThreeJS integration → Building for iOS Agent skills + prompts in reply! --- 00:00 Intro 01:40 What We'll Be Building 02:08 Step 1: Nano Banana Pro for Character Art 04:36 Step 2: Meshy for Image to 3D 09:51 Step 3: GLB Export 12:14 Step 4: ThreeJS Skill for GLB Index 15:56 Step 5: ThreeJS Skill for Scene 18:07 Step 6: CapacitorJS Skill for Mobile 19:41 Step 7: Build for iOS 21:06 Wrap Up

Chong-U

105,101 views • 3 months ago

Introducing Hallmark! An open source design skill to make beautiful UIs and landing pages by default. Works in Claude Code, Cursor, and Codex. npx skills add nutlope/hallmark

Introducing Hallmark! An open source design skill to make beautiful UIs and landing pages by default. Works in Claude Code, Cursor, and Codex. npx skills add nutlope/hallmark

Hassan

707,947 views • 18 days ago

🆕 Railway agent skill Let Claude Code, Codex, Cursor, OpenCode, or any coding agent deploy to Railway 🚄 ~/ npx skills add railwayapp/railway-skills

🆕 Railway agent skill Let Claude Code, Codex, Cursor, OpenCode, or any coding agent deploy to Railway 🚄 ~/ npx skills add railwayapp/railway-skills

Railway

25,339 views • 3 months ago

Spent the day testing Claude Opus 4.7. Last month I built a design director agent for OpenClaw and now it cooks. 15 minutes in, Paper Design MCP + Claude Code had made me a rough draft. In under an hour, a Framer worthy site. My workflow: 1. Feed my agent references so it can extract design systems and lock in on my taste 2. Claude Code calls Paper Design MCP to generate the visual system (just keep the Paper app open) 3. Paper exports the assets and Claude Code then preps the build docs 4. Agent loops back, critiques, iterates Got no clue why anyone is paying $10K for a website anymore. It’s easy now.

Spent the day testing Claude Opus 4.7. Last month I built a design director agent for OpenClaw and now it cooks. 15 minutes in, Paper Design MCP + Claude Code had made me a rough draft. In under an hour, a Framer worthy site. My workflow: 1. Feed my agent references so it can extract design systems and lock in on my taste 2. Claude Code calls Paper Design MCP to generate the visual system (just keep the Paper app open) 3. Paper exports the assets and Claude Code then preps the build docs 4. Agent loops back, critiques, iterates Got no clue why anyone is paying $10K for a website anymore. It’s easy now.

klöss

14,466 views • 1 month ago

I built an automated AI design team with multi-agents. It has 3 multimodal AI agents working together as a team: 1. Visual Design Agent 2. UX Analysis Agent 3. Market Analysis Agent 100% Opensource Code with step-by-step tutorial.

I built an automated AI design team with multi-agents. It has 3 multimodal AI agents working together as a team: 1. Visual Design Agent 2. UX Analysis Agent 3. Market Analysis Agent 100% Opensource Code with step-by-step tutorial.

Shubham Saboo

108,393 views • 1 year ago

Claude Code auto-documentation agent with Docusaurus and GitHub Actions 👏 Finally finished the step-by-step tutorial for building an agent that automatically documents all new features I push to my repository. Claude code agent reviews changes and creates a PR with identified documentation updates in the same project where Docusaurus is installed. Saving documentation time is sacred in development workflow... imagine how much time this flow will save in companies.

Claude Code auto-documentation agent with Docusaurus and GitHub Actions 👏 Finally finished the step-by-step tutorial for building an agent that automatically documents all new features I push to my repository. Claude code agent reviews changes and creates a PR with identified documentation updates in the same project where Docusaurus is installed. Saving documentation time is sacred in development workflow... imagine how much time this flow will save in companies.

Daniel San

59,983 views • 8 months ago