Video ID: KsQtMkvvQUE
YouTube URL: https://www.youtube.com/watch?v=KsQtMkvvQUE
Added At: 19-04-26 17:00:15
Processed: No
Sentiment: -
Categories: Technology
Tags: animator, ai, animation, claude-design, website, video, 3steps, premium
Summary
No summary
Transcript
Let me show you how to create such premium animated websites with Claude design in just three simple steps. This is for every beginner, so watch till the end to understand the whole process. Step one, pick your template. Head to motionsites.ai where you get great hero templates absolutely [music] free. Go to the template section and pick any free or paid one you like. I went with a free design. I copied its prompt. Step two, bring it into Claude design. I opened Claude design, started a new project, pasted the prompt, and replaced the placeholder content with what I actually wanted, a website for an AI device. Claude built out the full website for me in one go. Step three, make it animated. I wanted the background to feel alive, so I went to Visc where you can use Nano Banana and Vio. I uploaded a reference, generated two images, then clicked animate to create video. Once the video was ready, I downloaded, came back to Claude design, and told it to replace the background with this video, and boom, the hero section was done. Then I asked Claude design to keep the same style and finish the rest of the page. It built everything out. Premium animated websites in just three steps. You can then export the code and take it to Claude code to deploy it. If you want the full guide with links, then comment design for the link.