Create INSANE Animations and 3D Design with Claude Opus 5.5
1.2万 次观看 · 2026-10-05
动效设计
👉 Play 3D Boutique website: https://3d-boutique.vercel.app (there are 3 Secrets, let me know in the comments if you find any!)
📲 My finance tracker app Monlio: https://www.monlio.app
💌 Join my newsletter: https://sergeichyrkov.com/newsletter
🎙️ Want to learn more? Book 1:1 session: https://sergeichyrkov.com/learn
Claude Opus 5.5 can now create motion graphics, polished videos, and fully interactive 3D worlds. It isn't generating video. It's writing the code that builds it.
In this tutorial, I test two approaches in Claude Code:
- Remotion: a video editor made of code, for storytelling, product demos, and presentation-style motion graphics, rendered to MP4.
- Three.js: 3D worlds in your browser that you can walk through and interact with.
Then I combine them. You'll see how I built:
- A first-person 3D fashion boutique ("Raw Soul") where you can pick up clothes, try them on in the mirror, and add them to a cart.
- A 30-second, Apple-style promo video for my app Monlio from a single prompt
- An animated 1-minute presentation generated straight from a Figma file, with audio
What took me 5 to 10 minutes would normally take hours or even days in Final Cut, After Effects, or Figma Motion.
______________________________
Check out my links ⬇️
▸ My website — https://sergeichyrkov.com
▸ My studio — https://chyrkov.studio
▸ My curated resources library — https://designsweets.co
▸ Twitter — https://twitter.com/sergeichyrkov
▸ Instagram — https://instagram.com/chyrkov
▸ Behance — https://www.behance.net/chyrkov
▸ Linkedin — https://linkedin.com/in/sergeichyrkov
______________________________
Useful stuff:
👉 Build websites in minutes with Framer — https://framer.link/chyrkov
👉 Get -20% on Mobbin Pro plan — http://mobbin.com/chyrkov
👉 Best music for your videos (get 30 days for free) — https://www.epidemicsound.com/referral/am81qn
______________________________
📝 Chapters:
0:00 — introduction
0:50 — What Opus 5.5 can build? Remotion vs Three.js: when to use which
2:10 — Setting up your project in Claude Code
2:30 — Prompting the 3D boutique (MVP prompt and design direction)
3:56 — Live demo: walking through the 3D website
4:25 — Trying clothes on in the mirror and checking out the cart
5:40 — Easter eggs to find
6:04 — Remotion demo: 30-second Monlio app promo
7:27 — Combining Remotion and Three.js for this tutorial's intro
8:56 — Figma to animated presentation with Remotion
______________________________
😍 Monetarily Supporting The Channel:
If you like what I do and wish to support the channel monetarily, you can donate me with some coffee here: https://www.buymeacoffee.com/sergeichyrkov
This is appreciated and helps the channel, but please don't feel that it is necessary to enjoy my content.
______________________________
📃 Disclaimer:
Some of the links in my video descriptions are affiliate links, which means at no extra cost to you, I will make a small commission if you click them and make a qualifying purchase.
______________________________
#claude #ai #opus55 #claudecode #webdesign
📲 My finance tracker app Monlio: https://www.monlio.app
💌 Join my newsletter: https://sergeichyrkov.com/newsletter
🎙️ Want to learn more? Book 1:1 session: https://sergeichyrkov.com/learn
Claude Opus 5.5 can now create motion graphics, polished videos, and fully interactive 3D worlds. It isn't generating video. It's writing the code that builds it.
In this tutorial, I test two approaches in Claude Code:
- Remotion: a video editor made of code, for storytelling, product demos, and presentation-style motion graphics, rendered to MP4.
- Three.js: 3D worlds in your browser that you can walk through and interact with.
Then I combine them. You'll see how I built:
- A first-person 3D fashion boutique ("Raw Soul") where you can pick up clothes, try them on in the mirror, and add them to a cart.
- A 30-second, Apple-style promo video for my app Monlio from a single prompt
- An animated 1-minute presentation generated straight from a Figma file, with audio
What took me 5 to 10 minutes would normally take hours or even days in Final Cut, After Effects, or Figma Motion.
______________________________
Check out my links ⬇️
▸ My website — https://sergeichyrkov.com
▸ My studio — https://chyrkov.studio
▸ My curated resources library — https://designsweets.co
▸ Twitter — https://twitter.com/sergeichyrkov
▸ Instagram — https://instagram.com/chyrkov
▸ Behance — https://www.behance.net/chyrkov
▸ Linkedin — https://linkedin.com/in/sergeichyrkov
______________________________
Useful stuff:
👉 Build websites in minutes with Framer — https://framer.link/chyrkov
👉 Get -20% on Mobbin Pro plan — http://mobbin.com/chyrkov
👉 Best music for your videos (get 30 days for free) — https://www.epidemicsound.com/referral/am81qn
______________________________
📝 Chapters:
0:00 — introduction
0:50 — What Opus 5.5 can build? Remotion vs Three.js: when to use which
2:10 — Setting up your project in Claude Code
2:30 — Prompting the 3D boutique (MVP prompt and design direction)
3:56 — Live demo: walking through the 3D website
4:25 — Trying clothes on in the mirror and checking out the cart
5:40 — Easter eggs to find
6:04 — Remotion demo: 30-second Monlio app promo
7:27 — Combining Remotion and Three.js for this tutorial's intro
8:56 — Figma to animated presentation with Remotion
______________________________
😍 Monetarily Supporting The Channel:
If you like what I do and wish to support the channel monetarily, you can donate me with some coffee here: https://www.buymeacoffee.com/sergeichyrkov
This is appreciated and helps the channel, but please don't feel that it is necessary to enjoy my content.
______________________________
📃 Disclaimer:
Some of the links in my video descriptions are affiliate links, which means at no extra cost to you, I will make a small commission if you click them and make a qualifying purchase.
______________________________
#claude #ai #opus55 #claudecode #webdesign