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.

It’s incredible that you can let Opus 5 run for two hours in Claude Code and get a cinematic Three.js movie inside one HTML file. It created the story, scenes, transitions, camera moves, and procedural world. Higgsfield generated the narration, sound effects, and music. I mostly helped with references... show more

Meng To

175,519 subscribers

60,729 views • 5 days ago •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Claude Opus 5 made this beautiful painterly world in a single HTML file, everything made procedurally It implemented a realistic grass and wind field simulation so that the millions of grass blades on-screen react to the wind

Claude Opus 5 made this beautiful painterly world in a single HTML file, everything made procedurally It implemented a realistic grass and wind field simulation so that the millions of grass blades on-screen react to the wind

Lentils

316,784 views • 14 days ago

I ran Opus 5 for two hours to recreate Sakura Crossing as an explorable Three.js version of San Francisco. I had Codex use the Claude Code CLI, so the two agents worked on the same build. The whole site is packaged as a single HTML file. Three.js site: Original repo:

I ran Opus 5 for two hours to recreate Sakura Crossing as an explorable Three.js version of San Francisco. I had Codex use the Claude Code CLI, so the two agents worked on the same build. The whole site is packaged as a single HTML file. Three.js site: Original repo:

Meng To

23,932 views • 8 days ago

Skills shopping cart for Claude Code In this video I show how I add Railway Skills to a “shopping cart”. After selecting the Skills I need, I copy a single command and they’re added directly to my project. I built to make the composition of Claude Code components as flexible as possible. You can install settings, hooks, subagents, and anything new that gets added to Claude Code will appear on the site. It’s fully open source and community-maintained. If you want to contribute, you’re welcome to fix or update components, download and use the existing ones, or simply support the project by leaving a star on GitHub. Repo:

Skills shopping cart for Claude Code In this video I show how I add Railway Skills to a “shopping cart”. After selecting the Skills I need, I copy a single command and they’re added directly to my project. I built to make the composition of Claude Code components as flexible as possible. You can install settings, hooks, subagents, and anything new that gets added to Claude Code will appear on the site. It’s fully open source and community-maintained. If you want to contribute, you’re welcome to fix or update components, download and use the existing ones, or simply support the project by leaving a star on GitHub. Repo:

Daniel San

20,460 views • 7 months ago

Markdown was doomed from the start. It's just a format with low information density. HTML is better for humans, and agents can now consume and produce it without issues. But nobody wants to type HTML, so here is an alternative: This is an open-source tool for generating dashboards from data without writing a single HTML tag. You define your dashboard in YAML or TSK, and the tool will serve the HTML file for you. It comes with skills for Claude Code and Codex, so they know how to build these dashboards. And you can connect this to Postgres, MySQL, Snowflake, BigQuery, Redshift, Databricks, and many other databases. Repo link below.

Markdown was doomed from the start. It's just a format with low information density. HTML is better for humans, and agents can now consume and produce it without issues. But nobody wants to type HTML, so here is an alternative: This is an open-source tool for generating dashboards from data without writing a single HTML tag. You define your dashboard in YAML or TSK, and the tool will serve the HTML file for you. It comes with skills for Claude Code and Codex, so they know how to build these dashboards. And you can connect this to Postgres, MySQL, Snowflake, BigQuery, Redshift, Databricks, and many other databases. Repo link below.

Santiago

86,565 views • 2 months ago

You can just tell Claude Code to learn skills and it will. I asked Claude to create an app that uses tldraw and it one shotted it with sqlite db, and then I asked Claude Code to create a skill so that it could read and write on the canvas. 10 minutes later it could do it. Weirrrrdddd times.

You can just tell Claude Code to learn skills and it will. I asked Claude to create an app that uses tldraw and it one shotted it with sqlite db, and then I asked Claude Code to create a skill so that it could read and write on the canvas. 10 minutes later it could do it. Weirrrrdddd times.

Riley Brown

73,418 views • 7 months ago

Using his prompt, I asked Claude Opus 5 to recreate Fallout in a single HTML file. It gave me a fully explorable world with unique landmarks, a functional Pip-Boy, characters with dialogue trees, and it’s now working on adding a vault! And the entire file is only 2.3 MB.

Using his prompt, I asked Claude Opus 5 to recreate Fallout in a single HTML file. It gave me a fully explorable world with unique landmarks, a functional Pip-Boy, characters with dialogue trees, and it’s now working on adding a vault! And the entire file is only 2.3 MB.

CHRIS FIRST

97,685 views • 11 days ago

✨ Okay I ended up calling it [ ⚡️ HYPER REALISM ] I deployed it to all Photo AI subscribers now! ⏰ 12 hours from me FAFO'ing to live feature (I also had to sleep 8 hours so actually 4 hours work) You can enable it with one toggle in bottom left (made with Claude Code and a nice Google font and a nice shakey transition), and it costs 5 credits instead of 1, because it's a lot more expensive to run But the photos are much much MUCH more realistic! I think the most realistic AI photos you can get in the entire world right now but I'm biased 😂 I hope you like it and let me know what you think 😊

✨ Okay I ended up calling it [ ⚡️ HYPER REALISM ] I deployed it to all Photo AI subscribers now! ⏰ 12 hours from me FAFO'ing to live feature (I also had to sleep 8 hours so actually 4 hours work) You can enable it with one toggle in bottom left (made with Claude Code and a nice Google font and a nice shakey transition), and it costs 5 credits instead of 1, because it's a lot more expensive to run But the photos are much much MUCH more realistic! I think the most realistic AI photos you can get in the entire world right now but I'm biased 😂 I hope you like it and let me know what you think 😊

@levelsio

245,618 views • 10 months ago

My favorite way of interacting with Claude Code is to have it generate static HTML files as outputs (reports, explorations, code structure, mockups etc.) I wanted to iterate on the file by commenting in browser and having Claude update the output live. So, I built this Claude Skill👇 How it works: - Install Claude Code skill (ask it to clone repo) - Build an HTML page for anything (e.g. research coding agents and generate HTML report) - Ask it to make the page interactive That's it. CC will launch a localhost server and allow you to then leave comments on the page itself and once it updates, will give you a tour of changes. It's like Google Docs kind of comments/iteration but for HTML pages.

My favorite way of interacting with Claude Code is to have it generate static HTML files as outputs (reports, explorations, code structure, mockups etc.) I wanted to iterate on the file by commenting in browser and having Claude update the output live. So, I built this Claude Skill👇 How it works: - Install Claude Code skill (ask it to clone repo) - Build an HTML page for anything (e.g. research coding agents and generate HTML report) - Ask it to make the page interactive That's it. CC will launch a localhost server and allow you to then leave comments on the page itself and once it updates, will give you a tour of changes. It's like Google Docs kind of comments/iteration but for HTML pages.

Paras Chopra

215,430 views • 2 months ago

🚨 Gemini 3.0 Pro - ONE SHOTTED I asked it for UBUNTU web os as everyone asked me for it and the result is mind blowing. prompt : Create a fully functional Linux desktop environment (Ubuntu/GNOME style) as a complete web operating system in a single HTML file with embedded CSS and JavaScript. All applications must be fully functional Use whatever libraries to get this done but make sure I can paste it all into a single HTML file and open it in Chrome.make it interesting and highly detail , shows details that no one expected go full creative and full beauty in one code block

🚨 Gemini 3.0 Pro - ONE SHOTTED I asked it for UBUNTU web os as everyone asked me for it and the result is mind blowing. prompt : Create a fully functional Linux desktop environment (Ubuntu/GNOME style) as a complete web operating system in a single HTML file with embedded CSS and JavaScript. All applications must be fully functional Use whatever libraries to get this done but make sure I can paste it all into a single HTML file and open it in Chrome.make it interesting and highly detail , shows details that no one expected go full creative and full beauty in one code block

Chetaslua

260,082 views • 9 months ago

i had opus credits to burn so i recreated github with instant navigation and the ui that i would want you can use it today most of your workflow should work on it, private repos are supported, and it's open source

i had opus credits to burn so i recreated github with instant navigation and the ui that i would want you can use it today most of your workflow should work on it, private repos are supported, and it's open source

Rhys

161,535 views • 5 months ago

designing my new personal site with connected it to Claude Code and turned on "Swarm Mode" and watched agents design my site in real-time, with their cursors actually moving and operating the screen, not just cosmetically! instead of the agents producing a raw HTML file, they generate something called .pen which is just a json file describing all layouts, components, and design. this means that it's easier than ever to have teams collaborate on design exactly as they do on source code (designers and engineers can now speak the same language!) once you are happy with a screen, you can open a new chat and reference .pen frame and start to generate the code (in React/ Next/ Tailwind etc), and run it on your dev server, producing a live website that visually matches your design

designing my new personal site with connected it to Claude Code and turned on "Swarm Mode" and watched agents design my site in real-time, with their cursors actually moving and operating the screen, not just cosmetically! instead of the agents producing a raw HTML file, they generate something called .pen which is just a json file describing all layouts, components, and design. this means that it's easier than ever to have teams collaborate on design exactly as they do on source code (designers and engineers can now speak the same language!) once you are happy with a screen, you can open a new chat and reference .pen frame and start to generate the code (in React/ Next/ Tailwind etc), and run it on your dev server, producing a live website that visually matches your design

Sandra

94,264 views • 5 months ago

Think of it as the Shopify of Claude Code, but for agents, commands, and MCPs 🚀 Pick what you need, “add to cart,” and… it’s 100% FREE. Just copy the command, paste it in your terminal, and instantly get the perfect Claude Code stack for your project. Built as an open-source project so the community can spin up, share, and install Claude Code stacks in seconds, no setup headaches, no paywalls. Here’s the video showing how I built this post… and yes, if you share the command, anyone can clone the exact same stack you’re using. Enjoy, share, and help others build faster with Claude Code ✨

Think of it as the Shopify of Claude Code, but for agents, commands, and MCPs 🚀 Pick what you need, “add to cart,” and… it’s 100% FREE. Just copy the command, paste it in your terminal, and instantly get the perfect Claude Code stack for your project. Built as an open-source project so the community can spin up, share, and install Claude Code stacks in seconds, no setup headaches, no paywalls. Here’s the video showing how I built this post… and yes, if you share the command, anyone can clone the exact same stack you’re using. Enjoy, share, and help others build faster with Claude Code ✨

Daniel San

124,913 views • 1 year ago

Claude Fable 5 took my 4 months of fine-tuning work and made an end-to-end 7-stage pipeline that i can sell. It took 3 hours of /goal. > Built TUI, > html dashboard, > html dataset viewer, > crafted 39 special skills, > wrote 8700 lines of code, > ran 235 tests. And the pipeline in 98% ready in one-shot. Shipping this soon.

Claude Fable 5 took my 4 months of fine-tuning work and made an end-to-end 7-stage pipeline that i can sell. It took 3 hours of /goal. > Built TUI, > html dashboard, > html dataset viewer, > crafted 39 special skills, > wrote 8700 lines of code, > ran 235 tests. And the pipeline in 98% ready in one-shot. Shipping this soon.

CJ Zafir

77,154 views • 1 month ago

I made this Three.js bookshelf inspired by the Stripe Press site. It scrolls horizontally, and you can open each book and flip through the pages. It took quite a few prompts to get the textures and small details right. I’m open-sourcing the code and prompt. Demo: GitHub: Inspiration:

I made this Three.js bookshelf inspired by the Stripe Press site. It scrolls horizontally, and you can open each book and flip through the pages. It took quite a few prompts to get the textures and small details right. I’m open-sourcing the code and prompt. Demo: GitHub: Inspiration:

Meng To

151,699 views • 6 days ago

I created a skill that improves the quality of goal runs for both Codex and Claude Code: It's called the Goal Ledger, and lets agents track the progress of their goal in a HTML file that you can view. Minimal, yet VERY powerful for long running goal runs! Git Link Below 👇🔗

I created a skill that improves the quality of goal runs for both Codex and Claude Code: It's called the Goal Ledger, and lets agents track the progress of their goal in a HTML file that you can view. Minimal, yet VERY powerful for long running goal runs! Git Link Below 👇🔗

BOOTOSHI 👑

18,642 views • 2 months ago

Claude Code with Sonnet 4.5 is actually incredible I gave it a prompt for a super complex app, and it one shot the entire thing In this video I walk you through how to use Claude Code to build a prompt library app you can start using immediately (no coding experience required):

Claude Code with Sonnet 4.5 is actually incredible I gave it a prompt for a super complex app, and it one shot the entire thing In this video I walk you through how to use Claude Code to build a prompt library app you can start using immediately (no coding experience required):

Alex Finn

40,955 views • 10 months ago

I asked Claude Fable 5 to reverse engineer a 1993 DOS game with no source code. It read the raw machine code, rewrote the engine in C, and gave me a fully editable port for every platform. 30 min from EXE to iPhone. Sharing it all so you can revive your own childhood games!

I asked Claude Fable 5 to reverse engineer a 1993 DOS game with no source code. It read the raw machine code, rewrote the engine in C, and gave me a fully editable port for every platform. 30 min from EXE to iPhone. Sharing it all so you can revive your own childhood games!

Ammaar Reshi

150,394 views • 1 month ago

Claude Code + Opus 4 is the best agentic coding tool in the world and it’s not close. It’s a: - masterful full-stack dev - with great product sense - that’s a delight to work with - and easy to use If you’re not using it you are behind. Watch for a 72min build session & tips.

Claude Code + Opus 4 is the best agentic coding tool in the world and it’s not close. It’s a: - masterful full-stack dev - with great product sense - that’s a delight to work with - and easy to use If you’re not using it you are behind. Watch for a 72min build session & tips.

Mckay Wrigley

319,897 views • 1 year ago

Introducing /visual-plan - a skill to generate rich, visual plans for Claude Code and Codex. Plan mode in Claude Code is incredible. But I always find my eyes glazing over when it gives me this huge markdown essay in my terminal. I found I can make much better visual plans with reusable components. So I made a skill called `/visual-plan`. It generates plans as MDX with visual, interactive components. Diagrams, interactive API specs, schema design changes, annotated code, and even pan and zoomable wireframes. So for any UI work, you can look at a wireframe first, comment on it, iterate, and then have the agent work. I’ve found this to be a much more intuitive interface for reasoning about what the agent is doing. It’s somewhat inspired by that popular post about how HTML is better than Markdown. But HTML can be slow and verbose to write. And it doesn’t look good checked into a repo. This has really made me feel like humans and engineering are entering a new abstraction phase, where we reason about things at the plan level. As long as the plan is good, agents are getting more and more reliable at executing on it. Almost to the degree that we trust the C compiler to compile to assembly reliably. Plans are the new intermediate representation. I also made a skill for the reverse of this, called `/visual-recap`. After the agent works, it gives you a recap of everything it did. Same idea: wireframes, interactive API specs and diffs, schemas, annotated code, etc. So now when you’re reviewing what the agent did for you, or looking at a pull request of somebody else’s code, you can see a visual recap instead of just reading a wall of text. It’s all free and open source. You can find it on my GitHub. Will link to it in the reply because we all know how dumb these algorithms are with links.

Introducing /visual-plan - a skill to generate rich, visual plans for Claude Code and Codex. Plan mode in Claude Code is incredible. But I always find my eyes glazing over when it gives me this huge markdown essay in my terminal. I found I can make much better visual plans with reusable components. So I made a skill called `/visual-plan`. It generates plans as MDX with visual, interactive components. Diagrams, interactive API specs, schema design changes, annotated code, and even pan and zoomable wireframes. So for any UI work, you can look at a wireframe first, comment on it, iterate, and then have the agent work. I’ve found this to be a much more intuitive interface for reasoning about what the agent is doing. It’s somewhat inspired by that popular post about how HTML is better than Markdown. But HTML can be slow and verbose to write. And it doesn’t look good checked into a repo. This has really made me feel like humans and engineering are entering a new abstraction phase, where we reason about things at the plan level. As long as the plan is good, agents are getting more and more reliable at executing on it. Almost to the degree that we trust the C compiler to compile to assembly reliably. Plans are the new intermediate representation. I also made a skill for the reverse of this, called `/visual-recap`. After the agent works, it gives you a recap of everything it did. Same idea: wireframes, interactive API specs and diffs, schemas, annotated code, etc. So now when you’re reviewing what the agent did for you, or looking at a pull request of somebody else’s code, you can see a visual recap instead of just reading a wall of text. It’s all free and open source. You can find it on my GitHub. Will link to it in the reply because we all know how dumb these algorithms are with links.

Steve (Builder.io)

124,819 views • 1 month ago