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

Majid Manzarpour

9,501 subscribers

144,639 görüntüleme • 1 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

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!

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 görüntüleme • 7 ay ö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 • 7 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,103,961 görüntüleme • 1 yıl ö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

74,969 görüntüleme • 7 ay ö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,369 görüntüleme • 1 ay ö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

924,070 görüntüleme • 3 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!

Superdaddy

43,285 görüntüleme • 4 ay önce

This is insane Just built a fully working AI Room Designer in minutes, no coding, no API keys, just chatting with OnSpace AI. I use Nano Banana Pro for generation and handles UI, logic, and integration automatically. Not a demo. A real app: • No API setup required – Just told OnSpace to use Nano Banana Pro for content generation and it worked instantly • Full app, not a prototype – Complete UI, logic, and AI integration handled automatically • Actually works – Nails my tone every single time The whole thing came together through conversation. No design work. No wrestling with code. Just described the app and OnSpace made it real. This is what building with AI should feel like. Check my app link in the thread and try it yourself

This is insane Just built a fully working AI Room Designer in minutes, no coding, no API keys, just chatting with OnSpace AI. I use Nano Banana Pro for generation and handles UI, logic, and integration automatically. Not a demo. A real app: • No API setup required – Just told OnSpace to use Nano Banana Pro for content generation and it worked instantly • Full app, not a prototype – Complete UI, logic, and AI integration handled automatically • Actually works – Nails my tone every single time The whole thing came together through conversation. No design work. No wrestling with code. Just described the app and OnSpace made it real. This is what building with AI should feel like. Check my app link in the thread and try it yourself

AI Frontliner

70,013 görüntüleme • 8 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

601,692 görüntüleme • 1 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,728 görüntüleme • 3 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

241,709 görüntüleme • 3 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

510,959 görüntüleme • 5 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

72,348 görüntüleme • 1 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

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

I found a skill that turns Claude into an AI ad creative maker. It’s called Goose Ads by Gooseworks, and it works directly inside Claude, Claude Code, Cowork, or Codex. You can now create ad creatives for your brand with one command. How it works: → Install Gooseworks npx gooseworks install --all → Run this prompt /goose-ads create ads for my brand → Optional Pick templates you like on the platform Goose Ads finds creatives that companies are already spending money on, studies what is working, and generates new ad creatives for your brand. It also keeps everything aligned with your website, messaging, logo, assets, and positioning, so the final output feels brand-ready instead of generic. And this is bigger than one ad skill. Gooseworks has 100+ open-source growth skills for ads, content, competitor research, GTM, SEO, lead generation, and more. Claude is slowly becoming more than a chatbot. It is becoming a growth operator. Comment 'Goose' and I’ll DM you the full open-source skill library.

Jaynit Makwana

53,943 görüntüleme • 1 ay önce

Someone paid $6,000 (!) to get OpenClaw setup. So I built a free, open-source alternative: > OpenClaw Operator It's an agent skill + AGENTS.md/CLAUDE.md file that gives Codex/Claude Code the playbooks + validation flow needed to configure your local OpenClaw install. You open your OpenClaw repo/workspace in your coding agent and say things like: - “set up a cron job” - “create a custom skill” - “fix my provider config” - “troubleshoot this install and validate it” Nothing magical. Uses context from the OpenClaw open-source repo + docs to provide an effective skill. Includes: - SKILL.md - AGENTS.md/CLAUDE.md - validation checklist - task playbooks Free and open source. Contributions welcome. Demo below. Repo in reply.

Someone paid $6,000 (!) to get OpenClaw setup. So I built a free, open-source alternative: > OpenClaw Operator It's an agent skill + AGENTS.md/CLAUDE.md file that gives Codex/Claude Code the playbooks + validation flow needed to configure your local OpenClaw install. You open your OpenClaw repo/workspace in your coding agent and say things like: - “set up a cron job” - “create a custom skill” - “fix my provider config” - “troubleshoot this install and validate it” Nothing magical. Uses context from the OpenClaw open-source repo + docs to provide an effective skill. Includes: - SKILL.md - AGENTS.md/CLAUDE.md - validation checklist - task playbooks Free and open source. Contributions welcome. Demo below. Repo in reply.

Dan McAteer

17,809 görüntüleme • 5 ay önce

NVIDIA just dropped free API keys for every top AI model You don't need your own GPU and you don't pay per token. GLM-5.2, MiniMax, Kimi, DeepSeek, OpenAI, all running on NVIDIA's servers, called through a normal API. Link: How to use one: 1. Create a free NVIDIA account. 2. Pick a Free Endpoint model and open its Build tab. You'll see ready-to-copy code with the base URL 3. Hit Generate API Key, copy it and paste that base URL and key into Claude Code, Cursor, or Cline. Bonus: NVIDIA also dropped 237 official skills that install into Claude Code and Codex in one command. Bookmark this.

NVIDIA just dropped free API keys for every top AI model You don't need your own GPU and you don't pay per token. GLM-5.2, MiniMax, Kimi, DeepSeek, OpenAI, all running on NVIDIA's servers, called through a normal API. Link: How to use one: 1. Create a free NVIDIA account. 2. Pick a Free Endpoint model and open its Build tab. You'll see ready-to-copy code with the base URL 3. Hit Generate API Key, copy it and paste that base URL and key into Claude Code, Cursor, or Cline. Bonus: NVIDIA also dropped 237 official skills that install into Claude Code and Codex in one command. Bookmark this.

Yarchi

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

This is one of the wildest things I have built with AI so far 😱 Asked Claude Fable 5 to create a fully interactive 3D crime investigation board using Three.js and it did it in ONE Prompt. It took one more prompt to give it a polished UI inspired by a reference design that I created with GPT Image. What surprised me most was not how it looked. It was how it worked. Fable built a complete Verlet rope physics system with 46 particles in every thread. It handled gravity, damping, distance constraints and all other features of file upload, text and everything. The threads/ropes even lift naturally with pinned evidence instead of clipping through it. I never asked it to implement any of that. I only described the experience I wanted. Maybe that's how we should work with AI. Instead of writing long long specs, we should explain what we want as an experience and let AI do its thing. Anyway, every day Fable 5 raises the bar for what I think AI can build. More to this Live: Code:

This is one of the wildest things I have built with AI so far 😱 Asked Claude Fable 5 to create a fully interactive 3D crime investigation board using Three.js and it did it in ONE Prompt. It took one more prompt to give it a polished UI inspired by a reference design that I created with GPT Image. What surprised me most was not how it looked. It was how it worked. Fable built a complete Verlet rope physics system with 46 particles in every thread. It handled gravity, damping, distance constraints and all other features of file upload, text and everything. The threads/ropes even lift naturally with pinned evidence instead of clipping through it. I never asked it to implement any of that. I only described the experience I wanted. Maybe that's how we should work with AI. Instead of writing long long specs, we should explain what we want as an experience and let AI do its thing. Anyway, every day Fable 5 raises the bar for what I think AI can build. More to this Live: Code:

The Bugged Dev

103,552 görüntüleme • 1 ay önce