Video ID: VAXUzmXIVuI
YouTube URL: https://www.youtube.com/watch?v=VAXUzmXIVuI
Added At: 04-04-26 15:01:02
Processed: No
Sentiment: -
Categories: Ai Site Building
Tags: claudetemplate, webflowdesigns, landingpagetemplates
Summary
No summary
Transcript
If you're using Claude code to build sites, and they end up looking like this garbage here, and you're really looking for something more premium like this, then we need to have a talk about these four secrets. First one is to find inspiration. Visit this website webflow.com to find all sorts of premium designs that you can template from. Just preview the template. Second is copying the HTML of the inspiration. On the inspiration page, I want you to right click and go into inspect. Then up at the top, you'll see console, and you're going to type in this exact text string right here. Then just copy all the HTML. Third step is pasting into Claude. Give it the HTML, and type in this exact prompt. And you're going to want the UI/UX Pro Max skill, as well as the added box front-end design skill. Add context about what you want to build a landing page for, as well. The last step is visiting 21st.dev. Here you can find all the animations you could ever dream of to give Claude to build on your page. I like this one here. So, click copy prompt. And in that same prompt, said, "Use this on the hero." It gave me the entire HTML copy here. So, I copied it all, went into my GoHighLevel landing page builder, pasted the HTML, and now you got a sick landing page to work with. So, if you guys want the full breakdown on this, and plenty of more Claude code guides and templates, comment AI agent.