Loading video...

Video Failed to Load

Go Home

I built a Three.js game director skill system for Codex & Claude Code to help agents create more polished playable browser games. It guides gameplay loops, graphics, HUD/UI, debugging, QA, and optional Tripo ElevenLabs Nano Banana 2 3D/image/audio assets with API keys. Open source, get the skills in this...

majidmanzarpour's profile picture

Majid Manzarpour

8,441 subscribers

140,055 views • 13 days ago •via X (Twitter)

GamingEducationScience & Technology
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Hey Claude Fable 5, build a Ridge Racer clone with Three.js Tripo ElevenLabs Nano Banana 2 using my game director agent skills
1:13

Hey Claude Fable 5, build a Ridge Racer clone with Three.js Tripo ElevenLabs Nano Banana 2 using my game director agent skills

Majid Manzarpour

72,678 views • 17 days ago

If you're using Claude Code, but haven't started using Skills... you need to get on it NOW I built 2 skills: - Nano Banana Pro - Three.js Used them to create this AI app that takes my picture and creates interactive 3d greeting cards Full video tutorial landing tomorrow! Just in time for Christmas!
0:22

If you're using Claude Code, but haven't started using Skills... you need to get on it NOW I built 2 skills: - Nano Banana Pro - Three.js Used them to create this AI app that takes my picture and creates interactive 3d greeting cards Full video tutorial landing tomorrow! Just in time for Christmas!

Chong-U

238,750 views • 6 months ago

Started bringing a smart home idea I generated with Nano Banana 2 to life Here's the first look Code: Gemini 3.1 Pro 3D assets: Tripo (not affiliated) More details ↓
0:31

Started bringing a smart home idea I generated with Nano Banana 2 to life Here's the first look Code: Gemini 3.1 Pro 3D assets: Tripo (not affiliated) More details ↓

Dilum Sanjaya

168,866 views • 3 months ago

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 in reply
39:56

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 in reply

Chong-U

235,779 views • 5 months ago

UI Skills are now easier for agents. Introducing UI Skills CLI. ask Codex, Cursor, Claude Code, or any agent to use the CLI, like: "use `npx ui-skills start` to fix the motion in this dialog" it finds the best design-engineering skill for the job and uses it as context
0:20

UI Skills are now easier for agents. Introducing UI Skills CLI. ask Codex, Cursor, Claude Code, or any agent to use the CLI, like: "use `npx ui-skills start` to fix the motion in this dialog" it finds the best design-engineering skill for the job and uses it as context

Ibelick

59,045 views • 11 days ago

Vibe coded a ship selection UI for a space exploration game 3D assets Nano Banana + Midjourney → Hunyuan3D UI Nano Banana → Gemini Pro More details ↓
0:30

Vibe coded a ship selection UI for a space exploration game 3D assets Nano Banana + Midjourney → Hunyuan3D UI Nano Banana → Gemini Pro More details ↓

Dilum Sanjaya

1,890,982 views • 5 months ago

Making Games with AI Tools, Part 3 Vibe coded another layout for the game UI Nano Banana: character design + UI Tencent Hunyuan3D: image to 3D Gemini Pro: UI
0:35

Making Games with AI Tools, Part 3 Vibe coded another layout for the game UI Nano Banana: character design + UI Tencent Hunyuan3D: image to 3D Gemini Pro: UI

Dilum Sanjaya

50,904 views • 5 months ago

The new 2026 AI workflow 🤖⚡ GPT Image 2.0 → assets → Codex + GPT-5.5 → playable browser game 🎮 I turned my AI image into a web game. 🖼️ GPT Image 2 created the visual. 🎨 Codex generated the sprites and animations. 🕹️ GPT-5.5 built the prototype.
0:26

The new 2026 AI workflow 🤖⚡ GPT Image 2.0 → assets → Codex + GPT-5.5 → playable browser game 🎮 I turned my AI image into a web game. 🖼️ GPT Image 2 created the visual. 🎨 Codex generated the sprites and animations. 🕹️ GPT-5.5 built the prototype.

Givros

940,705 views • 2 months ago

Claude Code is not just a coding tool. It can also be used as a general agent in a "workspace" Let's create an "Agent Workspace" for Claude Code, and we're going to create 5 skills including: > Notion for context > Typefully for posting on X > Nano Banana for generating graphics We're going to do all this in a safe web environment on , the easiest way to use Claude Code on the browser or your phone. (Web app builder launching in 24hrs) TIMESTAMPS: 00:00 Intro 00:59 The Agent Workspace on 01:28 Adding a notion skill + Integration 07:23 Testing Notion Integration 08:17 Creating Tasks in the dashboard 09:19 Testing Tasks in the UI 13:40 Testing Multiple tasks at once 14:20 Creating Twitter Posts Panel (Typefully API) 15:44 Prompting for the nano banana skill 16:59 Testing Typefully and nano banana tasks 18:22 Let's check if typefully and nano banana work 19:54 Almost had a heart attack lol 20:59 figuring out typefully inssues 21:26 Creating "Twitter-Post-Skill" 22:23 All the Skills a Breakdown 23:37 It Works!!!!!
25:11

Claude Code is not just a coding tool. It can also be used as a general agent in a "workspace" Let's create an "Agent Workspace" for Claude Code, and we're going to create 5 skills including: > Notion for context > Typefully for posting on X > Nano Banana for generating graphics We're going to do all this in a safe web environment on , the easiest way to use Claude Code on the browser or your phone. (Web app builder launching in 24hrs) TIMESTAMPS: 00:00 Intro 00:59 The Agent Workspace on 01:28 Adding a notion skill + Integration 07:23 Testing Notion Integration 08:17 Creating Tasks in the dashboard 09:19 Testing Tasks in the UI 13:40 Testing Multiple tasks at once 14:20 Creating Twitter Posts Panel (Typefully API) 15:44 Prompting for the nano banana skill 16:59 Testing Typefully and nano banana tasks 18:22 Let's check if typefully and nano banana work 19:54 Almost had a heart attack lol 20:59 figuring out typefully inssues 21:26 Creating "Twitter-Post-Skill" 22:23 All the Skills a Breakdown 23:37 It Works!!!!!

Riley Brown

77,582 views • 5 months ago

This is insane! I just used the new Claude Code Playground plugin to level up my Nano Banana Image generator skill. My skill has a self-improving loop, but with the playground skill, I can also pass precise annotations to nano banana as it improves the images. It's so good!
0:24

This is insane! I just used the new Claude Code Playground plugin to level up my Nano Banana Image generator skill. My skill has a self-improving loop, but with the playground skill, I can also pass precise annotations to nano banana as it improves the images. It's so good!

elvis

286,313 views • 4 months ago

I pasted the Three.js code from the previous 3D scene in Grok 4 from xAI and prompted it to create a variation with new shapes. The scene leverages custom GLSL shaders for particle behavior and click morphs between shapes. Open source code and workflow in the thread below. 🧵👇
0:25

I pasted the Three.js code from the previous 3D scene in Grok 4 from xAI and prompted it to create a variation with new shapes. The scene leverages custom GLSL shaders for particle behavior and click morphs between shapes. Open source code and workflow in the thread below. 🧵👇

Techartist

3,103,561 views • 11 months ago

I forked Claude's pptx skill to make Claude Code generate gorgeous presentations Claude can generate presentations using the pptx skill from Anthropic but its output can be quite bland. Especially if you're used to the high aesthetic standards of Every 📧. So I played around with the pptx skill, iterated it, built a design system, gave it image assets, gave it access to run nano-banana using api and added custom commands. End result? An every-pptx plugin! It takes you from an idea in your head → creating a file for the plan → preparing image assets using gemini nano banana → constructing the final ppt. All happening 100% inside Claude desktop app! s/o Anthony Morris ツ Now our team can use claude code to generate full-blown presentations, in the ~Every 📧 aesthetic. Check out the walkthrough below to see how it works.
11:49

I forked Claude's pptx skill to make Claude Code generate gorgeous presentations Claude can generate presentations using the pptx skill from Anthropic but its output can be quite bland. Especially if you're used to the high aesthetic standards of Every 📧. So I played around with the pptx skill, iterated it, built a design system, gave it image assets, gave it access to run nano-banana using api and added custom commands. End result? An every-pptx plugin! It takes you from an idea in your head → creating a file for the plan → preparing image assets using gemini nano banana → constructing the final ppt. All happening 100% inside Claude desktop app! s/o Anthony Morris ツ Now our team can use claude code to generate full-blown presentations, in the ~Every 📧 aesthetic. Check out the walkthrough below to see how it works.

Nityesh

74,908 views • 5 months ago

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
32:21

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,660 views • 5 months ago

introducing VibeMarketer skills an open-source skill package for agentic marketing workflows. works with Codex, Claude Code, and similar agent environments. demo + repo below.
12:39

introducing VibeMarketer skills an open-source skill package for agentic marketing workflows. works with Codex, Claude Code, and similar agent environments. demo + repo below.

J.B.

13,785 views • 15 days ago

I gave Claude a skill to create presentations: Nano Banana Pro for the slides, Kling for transitions, and Eleven Labs for voiceover Then I asked it to explain what Skills are. Here's the result:
0:50

I gave Claude a skill to create presentations: Nano Banana Pro for the slides, Kling for transitions, and Eleven Labs for voiceover Then I asked it to explain what Skills are. Here's the result:

Miguel | AP

271,252 views • 6 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!
24:02

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 • 6 months ago

Introducing: Vibetest-use MCP - automated QA using Browser-Use 🧨 In just one line👀 ⇢ 10+ browser-use agents spin up in parallel ⇢ crawl your dev site in < 60s ⇢ flag every 404, dead button & UI glitch Runs out-of-the-box in Cursor, Claude Code & Codex (soon?). 100% Open Source. Unleash the swarm ↓
0:38

Introducing: Vibetest-use MCP - automated QA using Browser-Use 🧨 In just one line👀 ⇢ 10+ browser-use agents spin up in parallel ⇢ crawl your dev site in < 60s ⇢ flag every 404, dead button & UI glitch Runs out-of-the-box in Cursor, Claude Code & Codex (soon?). 100% Open Source. Unleash the swarm ↓

Browser Use

132,820 views • 1 year ago

🚨 Someone just built a Claude Code skill that clones any website perfectly in one prompt. It uses the built-in Chrome MCP to go straight to the source. It pulls the exact fonts, colors, and layout directly from the browser. 100% Open Source.
1:14

🚨 Someone just built a Claude Code skill that clones any website perfectly in one prompt. It uses the built-in Chrome MCP to go straight to the source. It pulls the exact fonts, colors, and layout directly from the browser. 100% Open Source.

Oliver Prompts

472,591 views • 2 months ago

Codex is unusable. I generated one image with GPT Image 2.0, gave it to Codex, and used one simple prompt: “Create me a web game from this image.” You give it a simple image like this, and suddenly you realize you can build: • a voxel map • an editor • tile animations • a playable browser prototype This is getting ridiculous.
0:28

Codex is unusable. I generated one image with GPT Image 2.0, gave it to Codex, and used one simple prompt: “Create me a web game from this image.” You give it a simple image like this, and suddenly you realize you can build: • a voxel map • an editor • tile animations • a playable browser prototype This is getting ridiculous.

Givros

83,052 views • 1 month ago