Загрузка видео...

Не удалось загрузить видео

На главную

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:

MengTo's profile picture

Meng To

183,229 subscribers

25,186 просмотров • 1 месяц назад •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 0

Нет доступных комментариев

Здесь появятся комментарии из оригинального поста

Похожие видео

I open-sourced the Sylva three.js site and the skills behind it. I started with one reference and asked Opus 5 to recreate it in Three.js as a single HTML file (looped for 2 hours). The moss root is procedural geometry with around 130,000 instanced blades, and all the code is under 1 MB. Live site: Repo: I turned the main interactions into three reusable skills: - threejs-wireframe-scan-reveal - threejs-pointer-orbit - threejs-gpu-particle-spray Skills repo:
0:38

I open-sourced the Sylva three.js site and the skills behind it. I started with one reference and asked Opus 5 to recreate it in Three.js as a single HTML file (looped for 2 hours). The moss root is procedural geometry with around 130,000 instanced blades, and all the code is under 1 MB. Live site: Repo: I turned the main interactions into three reusable skills: - threejs-wireframe-scan-reveal - threejs-pointer-orbit - threejs-gpu-particle-spray Skills repo:

Meng To

133,013 просмотров • 1 месяц назад

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 for more realistic grass, added the skills I use, and asked it to keep verifying its work. It’s all open source, so you can play with the code. HTML Site: GitHub: Grass reference:
2:18

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 for more realistic grass, added the skills I use, and asked it to keep verifying its work. It’s all open source, so you can play with the code. HTML Site: GitHub: Grass reference:

Meng To

68,404 просмотров • 1 месяц назад

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.
2:38

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

98,728 просмотров • 1 месяц назад

My whole company runs on skills I bundled into a GitHub repo. Here's how to build the same thing for your team: - Put your skills in a GitHub repo - Get Claude to write the couple of JSON files that make it readable as a plugin - In Claude Code, type /plugin, go to marketplaces, add marketplace, paste your repo URL - Split the plugins by department, so your copywriter isn't installing the finance skills It works in Codex too. I've got the same team skills installed there and I use them the same way. Now when I build something like my Notion formatting skill, I add it to the repo and it lands on everyone's Claude and Codex. If someone wrecks a skill, we roll it back to an older version. The key is enabling auto-update, so when someone improves a skill everyone benefits. I don't have a clue how the JSON works. I got Claude to set the whole thing up for me. Start with one skill and before you know it your whole team will be AI pilled.
5:18

My whole company runs on skills I bundled into a GitHub repo. Here's how to build the same thing for your team: - Put your skills in a GitHub repo - Get Claude to write the couple of JSON files that make it readable as a plugin - In Claude Code, type /plugin, go to marketplaces, add marketplace, paste your repo URL - Split the plugins by department, so your copywriter isn't installing the finance skills It works in Codex too. I've got the same team skills installed there and I use them the same way. Now when I build something like my Notion formatting skill, I add it to the repo and it lands on everyone's Claude and Codex. If someone wrecks a skill, we roll it back to an older version. The key is enabling auto-update, so when someone improves a skill everyone benefits. I don't have a clue how the JSON works. I got Claude to set the whole thing up for me. Start with one skill and before you know it your whole team will be AI pilled.

The Startup Ideas Podcast (SIP) 🧃

19,532 просмотров • 28 дней назад

I open-sourced the Kage landing page and the three.js skills behind it. The whole thing is under 1mb of three.js and code, 3mb with the hq png images. For a site where every section scrolls through a 3D world, that's surprisingly good. Live site: Repo: Skills: - build-threejs-scroll-worlds - falling-leaves - pointer-trail-emitter Btw this took a lot of tokens and prompts. A follow helps if you want more of these.
0:34

I open-sourced the Kage landing page and the three.js skills behind it. The whole thing is under 1mb of three.js and code, 3mb with the hq png images. For a site where every section scrolls through a 3D world, that's surprisingly good. Live site: Repo: Skills: - build-threejs-scroll-worlds - falling-leaves - pointer-trail-emitter Btw this took a lot of tokens and prompts. A follow helps if you want more of these.

Meng To

465,387 просмотров • 1 месяц назад

Can't believe in less than 24 hours I created my own game with Claude and Three.js. Running in a browser at 120 FPS. All I had to do was give Claude the repo for Threejs and describe an MMO-like game for it to build from scratch. All the assets and mechanics you see are all from a prompt. As you can see, it is far from done but the progress is insane. Everyone should be using Three.js now without a doubt!
0:59

Can't believe in less than 24 hours I created my own game with Claude and Three.js. Running in a browser at 120 FPS. All I had to do was give Claude the repo for Threejs and describe an MMO-like game for it to build from scratch. All the assets and mechanics you see are all from a prompt. As you can see, it is far from done but the progress is insane. Everyone should be using Three.js now without a doubt!

NeilXbt

23,504 просмотров • 1 месяц назад

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

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

216,101 просмотров • 3 месяцев назад

The official Box CLI is here. Now you can use Box via Claude Code, Codex, Perplexity Computer, OpenClaw & more as a full cloud file system for agents. Available to all users, including free users with 10GB of free storage. npm install --global @box/cli
1:45

The official Box CLI is here. Now you can use Box via Claude Code, Codex, Perplexity Computer, OpenClaw & more as a full cloud file system for agents. Available to all users, including free users with 10GB of free storage. npm install --global @box/cli

Aaron Levie

134,044 просмотров • 6 месяцев назад

I made a three.js landing page with 3D scrolling for every section of the site. Since AI got so good with 3D, you can replace videos with 3D instead. Apart from images, the whole site is 922 KB on disk, 290 KB gzipped. That's insane when a scrolling video site runs 20-100mb at 1080p depending on length. As usual I had to prompt for improved textures, lighting and alpha masking. I used Claude Code (desktop) with Opus 5, Higgsfield for images, and for the cloth effect on them. Inspiration was Daniel Snow's awesome landing page: Let me know if I should open-source. Don't wanna share too many without people asking.
0:38

I made a three.js landing page with 3D scrolling for every section of the site. Since AI got so good with 3D, you can replace videos with 3D instead. Apart from images, the whole site is 922 KB on disk, 290 KB gzipped. That's insane when a scrolling video site runs 20-100mb at 1080p depending on length. As usual I had to prompt for improved textures, lighting and alpha masking. I used Claude Code (desktop) with Opus 5, Higgsfield for images, and for the cloth effect on them. Inspiration was Daniel Snow's awesome landing page: Let me know if I should open-source. Don't wanna share too many without people asking.

Meng To

611,417 просмотров • 1 месяц назад

The avatar on the site is a real version of me, not AI. My wife scanned my body with an app called Polycam. She took ~300 photos of me from different angles. Then I imported the file into Blender and used their MCP to connect with Codex. It did its magic to display it in HTML using three.js. The avatar kinda looks like me, but it's a bit weird and clunky, so here's my actual body, where your brand’s tattoo will go for HYROX.
0:24

The avatar on the site is a real version of me, not AI. My wife scanned my body with an app called Polycam. She took ~300 photos of me from different angles. Then I imported the file into Blender and used their MCP to connect with Codex. It did its magic to display it in HTML using three.js. The avatar kinda looks like me, but it's a bit weird and clunky, so here's my actual body, where your brand’s tattoo will go for HYROX.

Marc Lou

119,073 просмотров • 9 дней назад

This blew up, so I added 60 more three.js components from experiments I made over the last two weeks. I'm still amazed by how well Claude Code can create variants from source code, so I went wild with new themes, environments, and interactions. Some three.js prompts I used: - Environment: mountain, city, bridge, desert, forest, space, stars, earth, moon - Colors: sunrise, blue sky, sunset, nighttime, pastel, vibrant, monotone, or based on the environment - Style: minimal, retro, glass, brutalist - Typography: serif, sans, pixel, tall, wide, letter spacing, min 11 px - Animation: orbit, physics, particles, ripples, braille, wisps, zoom, attract, explode - Interactions: scroll, hover, drag, click, reveal when visible I now have two Claude Max subs and two Codex Pro subs to keep up. I mainly use Opus for front-end and design, and Codex for everything else, including building this site and repo. This was my fastest launch ever, and it's already paying back all the time I spent creating these crazy experiments. To the 30 people who bought Pro or Lifetime, thank you. You're making it possible for me to keep spending so much time on this passion project.
0:39

This blew up, so I added 60 more three.js components from experiments I made over the last two weeks. I'm still amazed by how well Claude Code can create variants from source code, so I went wild with new themes, environments, and interactions. Some three.js prompts I used: - Environment: mountain, city, bridge, desert, forest, space, stars, earth, moon - Colors: sunrise, blue sky, sunset, nighttime, pastel, vibrant, monotone, or based on the environment - Style: minimal, retro, glass, brutalist - Typography: serif, sans, pixel, tall, wide, letter spacing, min 11 px - Animation: orbit, physics, particles, ripples, braille, wisps, zoom, attract, explode - Interactions: scroll, hover, drag, click, reveal when visible I now have two Claude Max subs and two Codex Pro subs to keep up. I mainly use Opus for front-end and design, and Codex for everything else, including building this site and repo. This was my fastest launch ever, and it's already paying back all the time I spent creating these crazy experiments. To the 30 people who bought Pro or Lifetime, thank you. You're making it possible for me to keep spending so much time on this passion project.

Meng To

98,643 просмотров • 25 дней назад

For these WebGPU demos to work on React Native, we had to apply two tiny patches to Three.js. Thanks to the great support from the Three.js WebGPU community, both changes have landed, which means that we'll be able to use a regular build from there. ❤️ open-source.
0:30

For these WebGPU demos to work on React Native, we had to apply two tiny patches to Three.js. Thanks to the great support from the Three.js WebGPU community, both changes have landed, which means that we'll be able to use a regular build from there. ❤️ open-source.

William Candillon

37,772 просмотров • 2 лет назад

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:
1:18

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 просмотров • 8 месяцев назад

Ox Alpha vs Opus 5 i asked both models to build rocket engine using three.js ox-alpha is not even close to opus 5 performance and it took equal or more time for the output prompt used for both: "Create a 3d SpaceX raptor engine using three.js, use white theme background so the main object is clearly visible" both are one-shot outputs with no additional changes what do you think about Ox Alpha?
0:44

Ox Alpha vs Opus 5 i asked both models to build rocket engine using three.js ox-alpha is not even close to opus 5 performance and it took equal or more time for the output prompt used for both: "Create a 3d SpaceX raptor engine using three.js, use white theme background so the main object is clearly visible" both are one-shot outputs with no additional changes what do you think about Ox Alpha?

Tim Jayas

104,225 просмотров • 27 дней назад

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

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 просмотров • 4 месяцев назад

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
1:10

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

329,400 просмотров • 1 месяц назад

THIS GUY REBUILT A CHILDHOOD PS2 GAME AS A FREE BROWSER VERSION WITH CLAUDE CODE he grew up obsessed with downhill domination, the ps2 downhill mountain biking game that never got a sequel so he rebuilt the entire thing from scratch > its a full downhill biking game you play right in your browser, nothing to install > the whole thing is one single html file with no separate image, model, or sound files > everything, the track, the bike, the physics, is generated in code, not loaded from assets > built with fable, opus, vanilla js and three.js over multiple sessions of iterating someone even sent a pull request to add controller support, he merged it, and people helped him squash bugs on the fly a dead ps2 game came back to life as an open source community project this is the best use of this stuff
0:21

THIS GUY REBUILT A CHILDHOOD PS2 GAME AS A FREE BROWSER VERSION WITH CLAUDE CODE he grew up obsessed with downhill domination, the ps2 downhill mountain biking game that never got a sequel so he rebuilt the entire thing from scratch > its a full downhill biking game you play right in your browser, nothing to install > the whole thing is one single html file with no separate image, model, or sound files > everything, the track, the bike, the physics, is generated in code, not loaded from assets > built with fable, opus, vanilla js and three.js over multiple sessions of iterating someone even sent a pull request to add controller support, he merged it, and people helped him squash bugs on the fly a dead ps2 game came back to life as an open source community project this is the best use of this stuff

Om Patel

22,230 просмотров • 2 месяцев назад

I was skeptical about giving GLM-5.2 the task to build a super mario snes style game in a single HTML file so i ran the test on Opus and also on GLM-5.2 Opus didnt even try to make a game or made something but it wasn't a game GLM-5.2 one shotted a pretty functional game.. WILD
0:45

I was skeptical about giving GLM-5.2 the task to build a super mario snes style game in a single HTML file so i ran the test on Opus and also on GLM-5.2 Opus didnt even try to make a game or made something but it wasn't a game GLM-5.2 one shotted a pretty functional game.. WILD

Hermes Agent Tips

32,883 просмотров • 3 месяцев назад

🇵🇱 Dzisiaj stworzyłem Claude Code Math Prover (13-minutowy film pokazuje jak to działa). Claude Code Opus 4.6 orkiestruje cały przepływ pracy. Deleguje podzadania do różnych agentów: - OpenAI Codex 5.3 (badacz, rozwiązuje, recenzent) - jak widać można używać równolegle i Codex'a i Claude Code. - Claude Code (planista, rozwiązuje). - Wykorzystuje MCP poprzez lean-lsp-mcp dowodzenie twierdzeń za pomocą Lean. Używam Team Agents z tmux do pokazania jak Claude Code deleguje zadania do Codex i do siebie ale do subagentów. SKILL - codex - napisałem skilla do orkiestracji Codex'a -------------------- 🇬🇧Claude Code Math Prover (13-minute video) I made today. Claude Code Opus 4.6 orchestrates the workflow. It delegates subtasks to different agents: - OpenAI Codex 5.3 (researcher, solver, reviewer) - so we can use both solution Codex ad Claude Code - Claude Code (planner, solver). - It uses MCP via lean-lsp-mcp, which enables agentic interaction with the Lean theorem prover. I use Claude Code team agents for this task so you can see how Claude Code delegate all task. SKILL - I wrote skill for codex orchestration
13:43

🇵🇱 Dzisiaj stworzyłem Claude Code Math Prover (13-minutowy film pokazuje jak to działa). Claude Code Opus 4.6 orkiestruje cały przepływ pracy. Deleguje podzadania do różnych agentów: - OpenAI Codex 5.3 (badacz, rozwiązuje, recenzent) - jak widać można używać równolegle i Codex'a i Claude Code. - Claude Code (planista, rozwiązuje). - Wykorzystuje MCP poprzez lean-lsp-mcp dowodzenie twierdzeń za pomocą Lean. Używam Team Agents z tmux do pokazania jak Claude Code deleguje zadania do Codex i do siebie ale do subagentów. SKILL - codex - napisałem skilla do orkiestracji Codex'a -------------------- 🇬🇧Claude Code Math Prover (13-minute video) I made today. Claude Code Opus 4.6 orchestrates the workflow. It delegates subtasks to different agents: - OpenAI Codex 5.3 (researcher, solver, reviewer) - so we can use both solution Codex ad Claude Code - Claude Code (planner, solver). - It uses MCP via lean-lsp-mcp, which enables agentic interaction with the Lean theorem prover. I use Claude Code team agents for this task so you can see how Claude Code delegate all task. SKILL - I wrote skill for codex orchestration

Remek Kinas

46,691 просмотров • 7 месяцев назад

Grok 4.5 is a "Wow!" moment. 🤯 > Opus 4.8 & GPT-5.5 level on benchmarks > Costs less than Sonnet 5 Is that real? Hard to believe. Added Grok 4.5 as an implementer agent in fable-advisor. It replaces Sonnet 5. Use Fable as the orchestrator and a combo of: 1. Grok 4.5 2. Opus 4.8 3. GPT-5.5 As implementer agents. Uses the Grok Build CLI so if you log in with an X premium account you don't have to pay API fees.
0:20

Grok 4.5 is a "Wow!" moment. 🤯 > Opus 4.8 & GPT-5.5 level on benchmarks > Costs less than Sonnet 5 Is that real? Hard to believe. Added Grok 4.5 as an implementer agent in fable-advisor. It replaces Sonnet 5. Use Fable as the orchestrator and a combo of: 1. Grok 4.5 2. Opus 4.8 3. GPT-5.5 As implementer agents. Uses the Grok Build CLI so if you log in with an X premium account you don't have to pay API fees.

Dan McAteer

191,618 просмотров • 2 месяцев назад