Video yükleniyor...

Video Yüklenemedi

Bu video yüklenirken bir sorun oluştu. Bu geçici bir ağ sorunundan kaynaklanıyor olabilir veya video kullanılamıyor olabilir.

Ana Sayfaya Dön

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 🔜 gamescom ElevenLabs Nano Banana 2 Lite 3D/image/audio assets with API keys. Open source, get the... show more

Majid Manzarpour

9,673 subscribers

145,421 görüntüleme • 3 ay önce •via X (Twitter)

Oyun Eğitim Bilim & Teknoloji

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

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

Benzer Videolar

paired Matt Shumer's gauntlet loop with my Three.js agent skills to build a Quake inspired CTF game in an underwater base Opus 5 handled the initial build with ultracode and generated assets with Tripo 🔜 gamescom ElevenLabs Nano Banana 2 Lite - my honest take 👇 the game was about 75% functional after the initial run, but required additional loops and refinement to iron out bugs.. it's interesting way of building games, but I prefer building them out slowly piece by piece where you have more design control.. either way a fun experiment to showcase model capabilities!

paired Matt Shumer's gauntlet loop with my Three.js agent skills to build a Quake inspired CTF game in an underwater base Opus 5 handled the initial build with ultracode and generated assets with Tripo 🔜 gamescom ElevenLabs Nano Banana 2 Lite - my honest take 👇 the game was about 75% functional after the initial run, but required additional loops and refinement to iron out bugs.. it's interesting way of building games, but I prefer building them out slowly piece by piece where you have more design control.. either way a fun experiment to showcase model capabilities!

Majid Manzarpour

40,191 görüntüleme • 1 ay önce

Astra built this three.js game with gorgeous graphics, then recreated every scene in Blender and made the trailer too. It feels like a massive upgrade from Sol for 3D graphics and front-end design. The UI feels way more polished and less like AI slop. The rocks, trees, monuments, and characters are all procedural code, keeping the game under 2 MB before the image and music assets. The level of autonomy is unbelievable. It needed very little steering, though I still had to keep pushing it to work harder on the details. The UI icons, buttons, and ornaments were made as transparent PNGs with GPT Image 2.

Astra built this three.js game with gorgeous graphics, then recreated every scene in Blender and made the trailer too. It feels like a massive upgrade from Sol for 3D graphics and front-end design. The UI feels way more polished and less like AI slop. The rocks, trees, monuments, and characters are all procedural code, keeping the game under 2 MB before the image and music assets. The level of autonomy is unbelievable. It needed very little steering, though I still had to keep pushing it to work harder on the details. The UI icons, buttons, and ornaments were made as transparent PNGs with GPT Image 2.

Meng To

136,738 görüntüleme • 22 gün önce

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

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

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.

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

75,148 görüntüleme • 8 ay önce

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

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

Introducing Threejs Awesome Graphics Agent Skills npx threejs-awesome-graphics-agent-skills install --agent codex I collected some of the best looking graphic Three.js open source projects on X and distilled them into an agent skills pack, AAA game graphics right out of the box so anyone can create games that don't look like cheap demos These are just examples included in the agent skills. All projects referenced are noted as source materials. I will continuously update this to include new projects with epic graphics

Introducing Threejs Awesome Graphics Agent Skills npx threejs-awesome-graphics-agent-skills install --agent codex I collected some of the best looking graphic Three.js open source projects on X and distilled them into an agent skills pack, AAA game graphics right out of the box so anyone can create games that don't look like cheap demos These are just examples included in the agent skills. All projects referenced are noted as source materials. I will continuously update this to include new projects with epic graphics

Scott

37,901 görüntüleme • 3 ay önce

I asked Astra to create a Catan game in three.js and it came out incredibly well. I played it, and the animations make it so much fun. The instructions and info cards make the game easy to learn. It even has AI players and trading. Astra used another game I had started building as a reference. The more games I build, the more skills and assets I have for the next one. It can remix the UI, 3D models, pages, and sounds instead of rebuilding everything. Now I want to see how many other board games I can make from this foundation.

I asked Astra to create a Catan game in three.js and it came out incredibly well. I played it, and the animations make it so much fun. The instructions and info cards make the game easy to learn. It even has AI players and trading. Astra used another game I had started building as a reference. The more games I build, the more skills and assets I have for the next one. It can remix the UI, 3D models, pages, and sounds instead of rebuilding everything. Now I want to see how many other board games I can make from this foundation.

Meng To

577,286 görüntüleme • 19 gün önce

GStack is an open-source toolkit built by YC President & CEO Garry Tan that turns Claude Code into an AI engineering team — with skills for office hours, design, code review, QA, and browser testing. In this video, Garry walks through how GStack works, starting with Office Hours, a skill modeled after real YC partner sessions that pressure-tests your idea before you write a line of code. He demos it live, going from idea through adversarial review, design mockups, and automated QA in a single session.

GStack is an open-source toolkit built by YC President & CEO Garry Tan that turns Claude Code into an AI engineering team — with skills for office hours, design, code review, QA, and browser testing. In this video, Garry walks through how GStack works, starting with Office Hours, a skill modeled after real YC partner sessions that pressure-tests your idea before you write a line of code. He demos it live, going from idea through adversarial review, design mockups, and automated QA in a single session.

Y Combinator

925,584 görüntüleme • 5 ay önce

Introducing 🌸 Kanna – a web ui for Claude Code + Codex running right in your browser (and my first open source project!) It's sort of like if Claude Code & Codex had a baby with a much better ui/ux 💅 Here's what makes Kanna special: 🔀 One-click switch between Claude Code / Codex 🌐 Runs in your browser on localhost - no app switching 🧩 Embedded split terminals, persisted between chats with a beautiful horizontal scrolling UX 📁 Full project file browser built in, embedded editor coming soon too. Coming soon: 🔒 End-to-end encryption + remote access via reverse proxy 🌿 Git integration, diffs, PRs 🧱 Plugins I wanted to replace switching between cursor, the github app, browser & (most recently) the codex app. The browser is hardest to recreate yet also the most flexible so it makes sense to build in the browser itself. Install in 5 seconds: bun install -g kanna-code then just type: kanna Kanna is purely a ui/ux layer. It uses your existing CLIs, is 100% compliant & no data ever leaves your machine. If running claude or codex in your terminal works, kanna works too. Kanna natively supports every tool call, model, reasoning effort, fast mode, plan mode, compaction, user questions, web searching, skills, agents, mcps, everything. There are a few libraries that do this but none that I found as comprehensive. All feedback welcome!

Introducing 🌸 Kanna – a web ui for Claude Code + Codex running right in your browser (and my first open source project!) It's sort of like if Claude Code & Codex had a baby with a much better ui/ux 💅 Here's what makes Kanna special: 🔀 One-click switch between Claude Code / Codex 🌐 Runs in your browser on localhost - no app switching 🧩 Embedded split terminals, persisted between chats with a beautiful horizontal scrolling UX 📁 Full project file browser built in, embedded editor coming soon too. Coming soon: 🔒 End-to-end encryption + remote access via reverse proxy 🌿 Git integration, diffs, PRs 🧱 Plugins I wanted to replace switching between cursor, the github app, browser & (most recently) the codex app. The browser is hardest to recreate yet also the most flexible so it makes sense to build in the browser itself. Install in 5 seconds: bun install -g kanna-code then just type: kanna Kanna is purely a ui/ux layer. It uses your existing CLIs, is 100% compliant & no data ever leaves your machine. If running claude or codex in your terminal works, kanna works too. Kanna natively supports every tool call, model, reasoning effort, fast mode, plan mode, compaction, user questions, web searching, skills, agents, mcps, everything. There are a few libraries that do this but none that I found as comprehensive. All feedback welcome!

Jake Mor

43,379 görüntüleme • 6 ay önce

Today we're launching Goose Ads in Claude. This is a skill /goose-ads that lets anyone make high-performing ad creatives directly in Claude, Claude Code, Cowork, or Codex. Here's how it works: 1. Install the skill: npx gooseworks install --all 2. Run this prompt: /goose-ads create ads for my brand 3. (Optional) Pick templates you like on the platform The skill finds top-performing ads that companies are already spending $ on and generates creatives for your brand. It also ensures that generated creatives are accurate to your brand's messaging, logo, assets, etc. It's that easy. But this is just the start. We have created a library with 100+ open-source skills for growth that some of the fastest growing startups in the world are using every day to run ads, content, competitor research, gtm, seo and more. Comment Goose and I'll DM you the full open-source skill library.

Shiv

607,437 görüntüleme • 3 ay önce

Codex is a monster with 2D games. But what is it worth with 3D and Three.js? 👀 Codex + GPT Image 2.0 + a crazy prompt = • playable 3D forest scene • humanoid character fully made of leaves 🍃 • dense foliage covering the whole body • third-person movement • wind animation on every leaf • SPACE transformation into a flying leaf swarm • leaf trail while moving • runs directly in the browser AI doesn’t just help you code faster. It lets you test ideas that would normally feel too complex to even start. Comment “leaf” and I’ll share the prompt. #ThreeJS #WebGL #Codex #GPT5 #AIAssistedDev

Codex is a monster with 2D games. But what is it worth with 3D and Three.js? 👀 Codex + GPT Image 2.0 + a crazy prompt = • playable 3D forest scene • humanoid character fully made of leaves 🍃 • dense foliage covering the whole body • third-person movement • wind animation on every leaf • SPACE transformation into a flying leaf swarm • leaf trail while moving • runs directly in the browser AI doesn’t just help you code faster. It lets you test ideas that would normally feel too complex to even start. Comment “leaf” and I’ll share the prompt. #ThreeJS #WebGL #Codex #GPT5 #AIAssistedDev

Givros

60,863 görüntüleme • 4 ay önce

This first-person shooter was built from a single prompt, using 404-generated 3D assets. On the latest Novelty Search, 404 explains how SN17 is moving from Titan, its open image-to-3D model built with miners, toward 3D assets generated as code that AI agents can edit and use directly in games. That work is part of a broader direction for 404: building world models where AI agents can learn and act. Hosted by const Full episode in the first comment

This first-person shooter was built from a single prompt, using 404-generated 3D assets. On the latest Novelty Search, 404 explains how SN17 is moving from Titan, its open image-to-3D model built with miners, toward 3D assets generated as code that AI agents can edit and use directly in games. That work is part of a broader direction for 404: building world models where AI agents can learn and act. Hosted by const Full episode in the first comment

Openτensor Foundaτion

18,960 görüntüleme • 1 ay önce

THIS GUY VIBE CODED A FULL CAPYBARA FOOD DELIVERY GAME IN 2 WEEKS WITH CLAUDE CODE you play as a capybara delivering food on a bike. orders stack on the back, you have a phone with apps in-game and the whole delivery system is realistic 2 weeks, zero game dev experience, and ENTIRELY AI generated the full stack: > claude code for all the code > three.js for the 3D engine > suno for original music > elevenlabs for sound effects and voice > GPT images-2 and grok for textures and illustrations > tripo3d for generating all the 3D assets the cinematics are all in-game too. he asked claude to build a cinematic editor with timeline controls, camera animation, and transitions. then he just placed the cameras himself his workflow was more planning than coding (obviously): > come up with the core mechanic > plan every feature using claude /plan mode > generate assets with AI tools > spend most of his time on the final polish, prop placement, and making the design feel right he said the human part is what most vibe coded games are missing. AI can generate everything but having taste for what looks good and what feels right is still on you the game is playable right now in the browser this is what vibe coding is actually capable of in the game dev space right now a year ago this would have taken a small team of developers, a sound designer, and an artist working together for months now one person with no experience can ship a polished playable game with story, music, and mechanics in 14 days the tools keep getting better and the barrier to making real games keeps getting lower

THIS GUY VIBE CODED A FULL CAPYBARA FOOD DELIVERY GAME IN 2 WEEKS WITH CLAUDE CODE you play as a capybara delivering food on a bike. orders stack on the back, you have a phone with apps in-game and the whole delivery system is realistic 2 weeks, zero game dev experience, and ENTIRELY AI generated the full stack: > claude code for all the code > three.js for the 3D engine > suno for original music > elevenlabs for sound effects and voice > GPT images-2 and grok for textures and illustrations > tripo3d for generating all the 3D assets the cinematics are all in-game too. he asked claude to build a cinematic editor with timeline controls, camera animation, and transitions. then he just placed the cameras himself his workflow was more planning than coding (obviously): > come up with the core mechanic > plan every feature using claude /plan mode > generate assets with AI tools > spend most of his time on the final polish, prop placement, and making the design feel right he said the human part is what most vibe coded games are missing. AI can generate everything but having taste for what looks good and what feels right is still on you the game is playable right now in the browser this is what vibe coding is actually capable of in the game dev space right now a year ago this would have taken a small team of developers, a sound designer, and an artist working together for months now one person with no experience can ship a polished playable game with story, music, and mechanics in 14 days the tools keep getting better and the barrier to making real games keeps getting lower

Om Patel

242,858 görüntüleme • 4 ay önce

I asked Codex 5.4 to reverse engineer a DOS game with no source code. It’s been running for 6 hours, I can’t look away. It unpacked assets, disassembled the EXE, rebuilt the renderer, and built my childhood favorite SkyRoads in Rust! Now think of all the games we can revive.

I asked Codex 5.4 to reverse engineer a DOS game with no source code. It’s been running for 6 hours, I can’t look away. It unpacked assets, disassembled the EXE, rebuilt the renderer, and built my childhood favorite SkyRoads in Rust! Now think of all the games we can revive.

Ammaar Reshi

511,458 görüntüleme • 6 ay önce

I built a Claude skill that makes motion-style animation for YT SEO. - Paste your website, does high-intent keyword research - Paste a reference image (optional) - Scripts, edits, does SEO - It generates frames with GPT-Image-2 - and animates the video with Seedance 2.0 YouTube SEO is a great way to grow organically - YT is a search engine - YT videos rank on Google fast - YT videos get cited by AI as the #1 source But it's painful. This skill solves that. Other capabilities: articles, backlinks, Google Search Console, AI visibility reports and many more... Everything runs in Claude through the Distribb Skill Comment "SKILL", and I'll send it to you

I built a Claude skill that makes motion-style animation for YT SEO. - Paste your website, does high-intent keyword research - Paste a reference image (optional) - Scripts, edits, does SEO - It generates frames with GPT-Image-2 - and animates the video with Seedance 2.0 YouTube SEO is a great way to grow organically - YT is a search engine - YT videos rank on Google fast - YT videos get cited by AI as the #1 source But it's painful. This skill solves that. Other capabilities: articles, backlinks, Google Search Console, AI visibility reports and many more... Everything runs in Claude through the Distribb Skill Comment "SKILL", and I'll send it to you

borja

73,030 görüntüleme • 2 ay önce

How to install the ChainGPT AI skill for Claude Code so you can ship Web3 projects with ZERO coding experience. Setup takes about 3 minutes: 1. Install Claude Code at 2. Run /plugin install ChainGPT-org/chaingpt-claude-skill ( 3. Get a ChainGPT API key at: 4. Add credits at: 5. Type /chaingpt and describe what you want to build What I built: I asked for a cat-themed AI NFT generator. The skill knew which API endpoint to hit, how to handle the response, and how to display the image. If I can do this in under an hour with no coding background, so can you. Anyone can build with ChainGPT AI! Get your API key → Top up credits →

How to install the ChainGPT AI skill for Claude Code so you can ship Web3 projects with ZERO coding experience. Setup takes about 3 minutes: 1. Install Claude Code at 2. Run /plugin install ChainGPT-org/chaingpt-claude-skill ( 3. Get a ChainGPT API key at: 4. Add credits at: 5. Type /chaingpt and describe what you want to build What I built: I asked for a cat-themed AI NFT generator. The skill knew which API endpoint to hit, how to handle the response, and how to display the image. If I can do this in under an hour with no coding background, so can you. Anyone can build with ChainGPT AI! Get your API key → Top up credits →

ChainGPT

26,832 görüntüleme • 4 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:

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