Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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...

chongdashu's profile picture

Chong-U

13,123 subscribers

236,044 görüntüleme • 8 ay önce •via X (Twitter)

OyunBilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

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

180,086 görüntüleme • 7 ay önce

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 👇
22:46

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 görüntüleme • 7 ay önce

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 👇
0:22

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 görüntüleme • 7 ay önce

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
35:19

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 görüntüleme • 6 ay önce

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:
5:38

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 görüntüleme • 1 yıl önce

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👇
0:30

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

241,805 görüntüleme • 7 ay önce

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 👇
3:28

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,117 görüntüleme • 6 ay önce

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

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,319,857 görüntüleme • 7 ay önce

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:
16:38

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 görüntüleme • 1 yıl önce

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
22:05

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 görüntüleme • 6 ay önce

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
0:39

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

836,685 görüntüleme • 3 ay önce

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.
4:19

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,585 görüntüleme • 4 ay önce

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.
0:53

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

60,418 görüntüleme • 11 ay önce

Claude Code is CRACKED at design now and I don't think people understand how BIG this is. There is now one tool that takes you from a rough idea to fully designed, agency-tier, App Store-ready screens in minutes. One design system, every screen, real native code. Most builders hand design to Claude Code, get AI-default screens, and wonder why their app looks like every other vibe coded project. This is the 3-step workflow that fixes it: (full breakdown in the article)
0:37

Claude Code is CRACKED at design now and I don't think people understand how BIG this is. There is now one tool that takes you from a rough idea to fully designed, agency-tier, App Store-ready screens in minutes. One design system, every screen, real native code. Most builders hand design to Claude Code, get AI-default screens, and wonder why their app looks like every other vibe coded project. This is the 3-step workflow that fixes it: (full breakdown in the article)

Prajwal Tomar

106,328 görüntüleme • 2 ay önce

Top designer shows the power of designing in code with Claude + Cursor Designers should copy this AI workflow to exponentially speed up collaboration with engineers 👀 Watch the full video on Sneak Peek: Domingo Widen shows how Intercom design team uses Claude + Cursor to design in code👇
3:40

Top designer shows the power of designing in code with Claude + Cursor Designers should copy this AI workflow to exponentially speed up collaboration with engineers 👀 Watch the full video on Sneak Peek: Domingo Widen shows how Intercom design team uses Claude + Cursor to design in code👇

Jayneil Dalal

47,694 görüntüleme • 5 ay önce

🚨 Just dropped my new video on how to build yourself a unified AI infrastructure on Claude Code Code for life and work management... - Why I built it - My system design philosophy - Step-by-step on the different components - How to customize it for your own needs
1:13:08

🚨 Just dropped my new video on how to build yourself a unified AI infrastructure on Claude Code Code for life and work management... - Why I built it - My system design philosophy - Step-by-step on the different components - How to customize it for your own needs

ᴅᴀɴɪᴇʟ ᴍɪᴇssʟᴇʀ 🛡️

29,331 görüntüleme • 1 yıl önce

5 GitHub repos with ⭐50K+ combined stars that show how far people are pushing Claude Code beyond a single coding agent 1) instructkr/claude-code 2.3K⭐ -> a research snapshot of Claude Code’s source with the internals exposed for inspection. [ ] 2) codeaashu/claude-code 3.2K⭐ -> another reconstructed Claude Code codebase built for studying how the agent works under the hood, including tools, prompts, MCP. [ ] 3) Donchitos/Claude-Code-Game-Studios 20K+⭐ -> turns one Claude Code session into a game development studio with 49 specialized agents, 73 skills, 12 hooks, 11 rules and 41 templates. [ ] 4) VoltAgent/awesome-claude-code-subagents 24K+⭐ -> 154 specialized Claude Code subagents split across 10 categories. [ ] 5) tanbiralam/claude-code 2.2K⭐ -> a research-oriented Claude Code source reconstruction for inspecting the terminal agent architecture, plugins, tools and internal implementation. [ ] Save these if you want to understand what people are actually building around Claude Code instead of just using the default CLI.
0:53

5 GitHub repos with ⭐50K+ combined stars that show how far people are pushing Claude Code beyond a single coding agent 1) instructkr/claude-code 2.3K⭐ -> a research snapshot of Claude Code’s source with the internals exposed for inspection. [ ] 2) codeaashu/claude-code 3.2K⭐ -> another reconstructed Claude Code codebase built for studying how the agent works under the hood, including tools, prompts, MCP. [ ] 3) Donchitos/Claude-Code-Game-Studios 20K+⭐ -> turns one Claude Code session into a game development studio with 49 specialized agents, 73 skills, 12 hooks, 11 rules and 41 templates. [ ] 4) VoltAgent/awesome-claude-code-subagents 24K+⭐ -> 154 specialized Claude Code subagents split across 10 categories. [ ] 5) tanbiralam/claude-code 2.2K⭐ -> a research-oriented Claude Code source reconstruction for inspecting the terminal agent architecture, plugins, tools and internal implementation. [ ] Save these if you want to understand what people are actually building around Claude Code instead of just using the default CLI.

Lummox

12,775 görüntüleme • 19 gün önce

I still don't think people understand what just happened with Claude Code. There is now one tool that takes you from a rough idea to fully designed, agency-tier, App Store-ready screens in minutes. One design system, every screen, real native code. Most builders hand design to Claude Code, get AI-default screens, and wonder why their app looks like every other vibe coded project. This is the 3-step workflow that fixes it: (full breakdown in the article)
0:37

I still don't think people understand what just happened with Claude Code. There is now one tool that takes you from a rough idea to fully designed, agency-tier, App Store-ready screens in minutes. One design system, every screen, real native code. Most builders hand design to Claude Code, get AI-default screens, and wonder why their app looks like every other vibe coded project. This is the 3-step workflow that fixes it: (full breakdown in the article)

Prajwal Tomar

146,206 görüntüleme • 2 ay önce

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

62,979 görüntüleme • 2 ay önce

The most complete AI design skill stack is now in Open Design. AI agents can build full apps. But most of them still design like shit. You used to spend more time fixing the design than building the app. And prompting harder does not fix taste. So Open Design integrated the design skills everyone on X is talking about: Taste Skill Hallmark Frontend Design Image-to-Code Design Review 100+ design systems It works locally with 20+ AI CLIs: Codex, Claude Code, Cursor, Gemini CLI, OpenCode, and more. Pick your agent. Generate pages that finally have taste. 👉
0:53

The most complete AI design skill stack is now in Open Design. AI agents can build full apps. But most of them still design like shit. You used to spend more time fixing the design than building the app. And prompting harder does not fix taste. So Open Design integrated the design skills everyone on X is talking about: Taste Skill Hallmark Frontend Design Image-to-Code Design Review 100+ design systems It works locally with 20+ AI CLIs: Codex, Claude Code, Cursor, Gemini CLI, OpenCode, and more. Pick your agent. Generate pages that finally have taste. 👉

Open Design

53,135 görüntüleme • 3 ay önce