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.

I keep seeing the same pattern with Three.js games, shaders, p5.js, and now 3D UI. Give a coding agent a strong reference, the live URL, and the source repo. It can study the mechanics, recreate them, and give you a working place to experiment. For this one, I turned... show more

Meng To

187,330 subscribers

181,281 views • 3 months ago •via X (Twitter)

Arts Science & Technology Education

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

We built the best codebase search to give any agent grounded information from GitHub repos. Introducing Sandbox Search. Point it at any repo, and we’ll spin up a secure coding agent in its own sandbox to do research for you. Use inside claude code, openclaw, cursor, and more.

We built the best codebase search to give any agent grounded information from GitHub repos. Introducing Sandbox Search. Point it at any repo, and we’ll spin up a secure coding agent in its own sandbox to do research for you. Use inside claude code, openclaw, cursor, and more.

Arlan

12,412 views • 6 months ago

Someone used Claude Code with an open-source Blender MCP addon to create most of the 3D assets for a fishing game. → A single Claude Code session controlled both Blender and Unity through the Model Context Protocol → The developer's case study describes a 40-part, 42-bone crab model created in 53 minutes → Claude rendered images from multiple angles so the developer could review and give feedback → The MCP for Blender addon is MIT-licensed and also works with Codex, Cursor and other AI tools Repo:

Someone used Claude Code with an open-source Blender MCP addon to create most of the 3D assets for a fishing game. → A single Claude Code session controlled both Blender and Unity through the Model Context Protocol → The developer's case study describes a 40-part, 42-bone crab model created in 53 minutes → Claude rendered images from multiple angles so the developer could review and give feedback → The MCP for Blender addon is MIT-licensed and also works with Codex, Cursor and other AI tools Repo:

0xMarioNawfal

56,590 views • 12 days ago

NO WAY. Someone is basically building a MANAGER for your AI agents. You give it one objective. It briefs Claude, Codex + the agents you choose, keeps them on the same context and coordinates the work. This is Jarvix. And I had to dig into this: 🧵 #JarvixOS

NO WAY. Someone is basically building a MANAGER for your AI agents. You give it one objective. It briefs Claude, Codex + the agents you choose, keeps them on the same context and coordinates the work. This is Jarvix. And I had to dig into this: 🧵 #JarvixOS

EyeingAI

37,609 views • 2 months ago

The MotionSites skill is live 🚀 I turned 700+ of my best website designs into one skill. Install it and your agent stops making generic AI slop and starts building cinematic, animated sites like these. Works with Claude Code, Codex, Cursor or any agent. Free and open source:

The MotionSites skill is live 🚀 I turned 700+ of my best website designs into one skill. Install it and your agent stops making generic AI slop and starts building cinematic, animated sites like these. Works with Claude Code, Codex, Cursor or any agent. Free and open source:

Viktor Oddy

204,021 views • 4 days ago

turned a blender scene into a point cloud rendered in three.js claude rendered it from 264 angles, turned every pixel into a 3D point, and three.js moves them as particles. inspired by the gaussian splat look. probably not the best way to do it, but i like the result

turned a blender scene into a point cloud rendered in three.js claude rendered it from 264 angles, turned every pixel into a 3D point, and three.js moves them as particles. inspired by the gaussian splat look. probably not the best way to do it, but i like the result

Brice

33,309 views • 10 days ago

claude opus 5.5 completely solved three.js it took a floor plan and turned it into a 3d house you can walk through home builders pay $5k to $10k per floor plan for this, so buyers can tour a home before it's built and change things if needed here's how to automate client acquisition: > scrape builder sites for plans with no model home > give the plan and their photos to opus 5.5 > it builds the house to scale as a walkable site > send the builder their own plan before you pitch > charge per plan to do the rest of their catalog > rerun it on every new plan they launch give this prompt to your agent to get started: "here's a floor plan and photos for one house. build it as a three.js site i can walk through in the browser, to scale from the plan, with every room, finish and piece of furniture matched to the photos. the bar is the photos themselves. split the house into pieces you can judge separately, and give each one a builder and a separate critic with fresh context. the critic compares a screenshot of our room with the matching photo, picks the better one, names the biggest gap, and sends it back. keep looping until ours wins or i stop you, and tell me anything you couldn't match."

claude opus 5.5 completely solved three.js it took a floor plan and turned it into a 3d house you can walk through home builders pay $5k to $10k per floor plan for this, so buyers can tour a home before it's built and change things if needed here's how to automate client acquisition: > scrape builder sites for plans with no model home > give the plan and their photos to opus 5.5 > it builds the house to scale as a walkable site > send the builder their own plan before you pitch > charge per plan to do the rest of their catalog > rerun it on every new plan they launch give this prompt to your agent to get started: "here's a floor plan and photos for one house. build it as a three.js site i can walk through in the browser, to scale from the plan, with every room, finish and piece of furniture matched to the photos. the bar is the photos themselves. split the house into pieces you can judge separately, and give each one a builder and a separate critic with fresh context. the critic compares a screenshot of our room with the matching photo, picks the better one, names the biggest gap, and sends it back. keep looping until ours wins or i stop you, and tell me anything you couldn't match."

Chris

317,102 views • 17 days ago

someone packed 637 motion design techniques into a skill Claude Code can actually read if you make launch videos alone, steal this it's an open source field guide + agent skill for Claude Code and Codex what's inside: → mask reveals that bring your product onto the screen → kinetic type for headlines that need to hit → cursor moves and clicks that walk people through your UI → count-ups and chart races for your metrics → dashed flows and path diagrams for agent systems → parallax, camera moves and 3D card flips for depth → 11 recipes that stitch it all into demos and launch videos the part that matters: every effect has its own card with timing, easing, parameter ranges, good and bad examples and ready prompts so your agent builds from real numbers, not vibes 128 of them already ship as reference clips you can re-render with your own text the loop: describe the scene → pick the technique → swap in your content → render → check the frames try it on your next launch: one screenshot → one click → a 10-second demo bookmark this, repo below ↓

someone packed 637 motion design techniques into a skill Claude Code can actually read if you make launch videos alone, steal this it's an open source field guide + agent skill for Claude Code and Codex what's inside: → mask reveals that bring your product onto the screen → kinetic type for headlines that need to hit → cursor moves and clicks that walk people through your UI → count-ups and chart races for your metrics → dashed flows and path diagrams for agent systems → parallax, camera moves and 3D card flips for depth → 11 recipes that stitch it all into demos and launch videos the part that matters: every effect has its own card with timing, easing, parameter ranges, good and bad examples and ready prompts so your agent builds from real numbers, not vibes 128 of them already ship as reference clips you can re-render with your own text the loop: describe the scene → pick the technique → swap in your content → render → check the frames try it on your next launch: one screenshot → one click → a 10-second demo bookmark this, repo below ↓

Asteri

43,570 views • 15 days ago

I feel like this could be turned into a cool hero effect for a component library site. Where you move your cursor to tear between the design and the code.... 🤔

I feel like this could be turned into a cool hero effect for a component library site. Where you move your cursor to tear between the design and the code.... 🤔

matt rothenberg

40,552 views • 6 months ago

Claude Mobile starts the idea... Ghostty finishes it I basically use Claude Mobile as a notepad now. Whenever something comes to mind, I open the app, pick a repo, and ask Claude to start exploring. Then I just let it run while I go on with my day. Later I jump into Claude Desktop and I’m right back in the same session, with context, structure, and a clearer shape of the idea. I tweak a few things to set up the coding phase. Finally, one click to Ghostty (video), open a couple of worktrees, and start working on the PR. IMPORTANT: when you move to Ghostty, it must be the exact same repo you started on mobile, otherwise the --teleport command will fail

Claude Mobile starts the idea... Ghostty finishes it I basically use Claude Mobile as a notepad now. Whenever something comes to mind, I open the app, pick a repo, and ask Claude to start exploring. Then I just let it run while I go on with my day. Later I jump into Claude Desktop and I’m right back in the same session, with context, structure, and a clearer shape of the idea. I tweak a few things to set up the coding phase. Finally, one click to Ghostty (video), open a couple of worktrees, and start working on the PR. IMPORTANT: when you move to Ghostty, it must be the exact same repo you started on mobile, otherwise the --teleport command will fail

Daniel San

67,891 views • 8 months ago

Wow.. you can now instantly turn any GitHub repo into AI-generated documentation, just by changing the URL. Replace “github” with “deepwiki” in any GitHub URL and you’ll see: → Instant docs for any codebase → Chat with it like a conversation

Wow.. you can now instantly turn any GitHub repo into AI-generated documentation, just by changing the URL. Replace “github” with “deepwiki” in any GitHub URL and you’ll see: → Instant docs for any codebase → Chat with it like a conversation

Oliver Prompts

122,082 views • 8 months ago

Stop manually making flowcharts. Try this GitHub skill with Claude Code. I found an open-source tool that turns a plain description of a software system into a clean, interactive diagram. It's called Archify, and it has more than 66,000 stars on GitHub. You add it as a skill to an AI coding agent like Claude Code, Codex, Cursor, or OpenCode. Then you describe the system in the chat in one line. Archify turns that line into a single HTML file you can open, click through, and send to anyone. If you point your agent at an existing codebase, it reads the code and Archify maps how the pieces connect. I liked five things about it. 1. It makes five kinds of diagrams, including system maps and step-by-step workflows. 2. You can click any piece and trace what connects to it. 3. It checks the layout before it hands the diagram over, so arrows don't pile up and labels don't overlap. 4. It has dark and light themes and exports to PNG, SVG, or a short video. 5. You keep editing in plain chat, with requests like "add Redis" or "highlight the rollback path." You don't need a codebase to use it. A description in the chat is enough.

Stop manually making flowcharts. Try this GitHub skill with Claude Code. I found an open-source tool that turns a plain description of a software system into a clean, interactive diagram. It's called Archify, and it has more than 66,000 stars on GitHub. You add it as a skill to an AI coding agent like Claude Code, Codex, Cursor, or OpenCode. Then you describe the system in the chat in one line. Archify turns that line into a single HTML file you can open, click through, and send to anyone. If you point your agent at an existing codebase, it reads the code and Archify maps how the pieces connect. I liked five things about it. 1. It makes five kinds of diagrams, including system maps and step-by-step workflows. 2. You can click any piece and trace what connects to it. 3. It checks the layout before it hands the diagram over, so arrows don't pile up and labels don't overlap. 4. It has dark and light themes and exports to PNG, SVG, or a short video. 5. You keep editing in plain chat, with requests like "add Redis" or "highlight the rollback path." You don't need a codebase to use it. A description in the chat is enough.

Alex Veremeyenko

61,928 views • 1 month ago

If I had to choose one thing to do, it would be just coding WebGL flowers It's a GLSL shader, a full-screen plane, and 2 render targets to swap on each frame Live demo & source code: Made with Three.js Hosted on CodePen.IO Special thanks to The Book of Shaders

If I had to choose one thing to do, it would be just coding WebGL flowers It's a GLSL shader, a full-screen plane, and 2 render targets to swap on each frame Live demo & source code: Made with Three.js Hosted on CodePen.IO Special thanks to The Book of Shaders

Ksenia Kondrashova

51,886 views • 3 years ago

this is f**king insane i cancelled my $20/mo claude subscription for this. a dev found a way around OpenAI's usage limits and got unlimited GPT-5.6 Luna on Codex for FREE ($0)😳 He built a three step local workflow on a single machine. This involved no servers, shared accounts, or a team. Instead he used a GitHub repo, one prompt file, and a local coding agent. Traditional users pay full price or hit usage limits. His cost: basically $0. Here's the set up (3min): → Repo layer: Installed 'sol-advisor' from GitHub. → Prompt layer: Copied the 'savings-prompt' out of the repo. → Agent layer: Pointed codex at gpt 5.6 luna with the prompt loaded. → Activation: Loaded it into codex. Usage limits gone. usage after activation: normal codex access. unlimited. one trick. one window. use this before it gets patched.

this is f**king insane i cancelled my $20/mo claude subscription for this. a dev found a way around OpenAI's usage limits and got unlimited GPT-5.6 Luna on Codex for FREE ($0)😳 He built a three step local workflow on a single machine. This involved no servers, shared accounts, or a team. Instead he used a GitHub repo, one prompt file, and a local coding agent. Traditional users pay full price or hit usage limits. His cost: basically $0. Here's the set up (3min): → Repo layer: Installed 'sol-advisor' from GitHub. → Prompt layer: Copied the 'savings-prompt' out of the repo. → Agent layer: Pointed codex at gpt 5.6 luna with the prompt loaded. → Activation: Loaded it into codex. Usage limits gone. usage after activation: normal codex access. unlimited. one trick. one window. use this before it gets patched.

painn

100,120 views • 2 months ago

I've spent weeks turning ui-craft from a Claude-only skill into a real system — and today v1 ships. 🚀 It now has its own installer. One command and your AI agent — Claude Code, Cursor, Codex, Gemini, OpenCode — designs with actual taste. brew install --cask educlopez/tap/ui-craft 🧵 what's new

I've spent weeks turning ui-craft from a Claude-only skill into a real system — and today v1 ships. 🚀 It now has its own installer. One command and your AI agent — Claude Code, Cursor, Codex, Gemini, OpenCode — designs with actual taste. brew install --cask educlopez/tap/ui-craft 🧵 what's new

Edu Calvo

28,360 views • 4 months ago

Draw GLSL flowers with your cursor! 🌺 One full-screen plane, two render targets, and a bit of shader magic Live demo & source code: Made with Three.js Hosted on CodePen.IO Special thanks to The Book of Shaders #webgl #glsl #threejs #shader #drawingtool

Draw GLSL flowers with your cursor! 🌺 One full-screen plane, two render targets, and a bit of shader magic Live demo & source code: Made with Three.js Hosted on CodePen.IO Special thanks to The Book of Shaders #webgl #glsl #threejs #shader #drawingtool

Ksenia Kondrashova

28,620 views • 3 years ago

Player stats UI animation with GPT Image 2 and MiniMax H3. This model is amazing for UI animations. Give GPT Image 2 your character image and ask it to create a stats UI. Then use that UI as a reference for MiniMax H3. You can check the prompt in the replies.

Player stats UI animation with GPT Image 2 and MiniMax H3. This model is amazing for UI animations. Give GPT Image 2 your character image and ask it to create a stats UI. Then use that UI as a reference for MiniMax H3. You can check the prompt in the replies.

Kōda

43,213 views • 2 months ago

I built a design MCP server for Claude Code, Codex, and OpenCode. It searches hundreds of beautiful websites and gives your coding agent design inspiration. Launching next week.

I built a design MCP server for Claude Code, Codex, and OpenCode. It searches hundreds of beautiful websites and gives your coding agent design inspiration. Launching next week.

Hassan

28,328 views • 1 month ago