# How To Use Claude Opus 5.5 + Higgsfield To Create INSANE Websites

Channel: Jordan Rafealov
Video: https://www.youtube.com/watch?v=GGw67k-BTM8
Duration: 23 min
Language: English
Words: 3859
Transcript page: https://viewrankai.com/tools/youtube-transcript/GGw67k-BTM8

---

[0:00] In this video, I am using Opus 5.5 and Higsfield to create incredible website designs that look like this, that have crazy designs and walkthroughs and flythroughs that don't look like some AI slop. So, this is the website that we are redesigning. And just to give you an example of some of the things that you can do with Opus, just like look how

[0:26] incredible some of these designs are. It's really spectacular. And if you look at this is a video I found from this guy called Victor talking about how Opus 4.6 started and everything looked the same, right? And then as you get down the uh you got Fable, now Opus 5.5, you can create stuff that looks like this. And so this is Opus 4.6, which you can see is this like generic gradients, purples and pinks and stuff. And then you've got this serif font which Claude loved to create. But now you can create these like crazy flythroughs. And so I'm going to create three different types of websites for you today using this as the

[1:08] reference that I am going to redesign because as you can see it is very generic and I imagine there was no reference. Everything just it just kind of looks like and smells like an AI website that was created in a couple clicks. Right. So, I've got a couple different styles I'm going to choose from. I'm going to pick three and I'm going to build them live for you on screen. Now, we're using Opus 5.5 because it's way better than Astra. It's slightly more expensive and slight takes slightly slightly longer, but it ranks significantly better. And the reason that your AI website kind of looks the same and why manifesting.com's website

[1:48] looks the same as every other AI slop website here is that it wasn't given a reference. The prompt that was given was vague. uh it made up random words like it didn't give the the people who built this didn't give it uh the specific numbers and words and facts and so it just made stuff up and um Claude doesn't really it just ships a page that it doesn't really see and doesn't QA and then everything was one shot and so the way that we solve that is we start from a reference we use real assets We start with the hero first and then once we've got the hero nailed

[2:29] in, we go and we build the rest and we feed it a we we feed it specs, fonts, rules and I'll show you what all of those look like in a prompt that you can just copy paste and then we ban the defaults and so uh and then we make sure we check it on our phone size because that's the most important thing. So I have a couple

[2:50] of critiques about manifesting.com. Now I know the team here, they're a fantastic product. They're a fantastic team and they have asked me to redesign it and they've given me permission to do this on camera. Um, and so I have checked out the product and it is pretty spectacular and it's not communicated here. So I know a little bit about the product and I know that what we're

[3:10] seeing here is not representative of it. So um, we need to understand deeply the brand first and then the words and then comes the look, right? So that's what we're going to do today. And so I have a couple of like rough drafts that I've put together just to give you an idea of what we're going to actually build. Uh and you can follow along with me if you want you. So you can see here that these are this is the copy this is the uh the the prompt that I have put together. So I am going to show you how we're going to build this. Now this is more like a

[3:41] fourstep funnel quiz cuz we're marketers at the end of the day. We don't want to just create a beautiful designed website but we actually want it to convert. And so this is like a quizunnel. The next one is just kind of going to be like a a nice looking website. And then the third one is going to be some crazy fly through stuff like some of the things that I showed you is going on here. And we're going to be able to use references like this. And then we're going to, you

[4:08] know, go mental with with Higsfield. Okay. So I'm going to open up Claude and then I'm going to start on the first one here and then show you what that final looks like. And real quick, if you want all the skills, all the templates, and all the prompts, I'm going to leave them for free inside the Dopamine Digital School group here where every single day I drop the source. You can see here I gave away my motion graphic skills that you can just oneshot and create incredible stuff. I gave away my mods inside of Claude Code that I used to make everything way more custom and

[4:40] sexier. Plus, every single day I drop this horse in here. And if you're lucky enough to be watching this on October the 8th, yesterday was my birthday, so we're having a flash sale for the private school group where you can get all my systems and you can save like 50% or something. So, if that's interesting, I'm going leave all of that link down below. Right. So, we have the Higsfield MCP connected. Now, unlike everybody

[5:04] else, I am not sponsored by Higsfield. So, uh I'm assuming that you know how to connect things. Go sign up, do whatever. I'll leave I don't know. I'll leave a link below. I don't know if it's an affiliate link or not, but they haven't paid me to do this. Anyway, I am pasting in the prompt here. So, build a real version of the manifesting.com quizfunnel work in this folder only. So, I have given it some instructions about who the brand is, uh, what words we can use, and I've given it like a very quick idea of um the look that I like. And so, I really like the look of this. So, I'll

[5:38] open this up. Like, look how cool that is. You can open up websites inside of Claude now. Game changer. All right. So, I am using this site called styles.referero.design. I'll leave everything linked below. But basically, this is one of the websites that I really like. And the good news is this is built for Claude Opus. So, you can come in here and you can just take the prompt of exactly how they created this website. So, let me open this for you. And again, everything opens inside

[6:12] of Claude. I love it now. So, I don't know if you can hear that, but like, ooh, smooth like butter. So, you can see it loads in a really interesting way. So, I think that's kind of cool, right? It doesn't look like some AI slop. It looks like I've been on a wait list for months and every day feels like a battle. [music] the system is so slow to respond and there's okay anyway so that is the reference that I am giving it okay and so open it read it's designd um all that good stuff build in this order etc etc um use Higsfield and uh here is the target audience put

[7:02] each loop behind its goal and here are the rules so this is sort of how you should structure this I will leave a a template for you to understand how to put this together for yourself. But let's hit enter and I will show you what the output looks like and we'll iterate on it until it looks perfecto. Okay, so first iteration has come back. So this

[7:22] is what it looks like. You can see here that it opens up really quite nicely and it's like a it it it's just basically the the the hero here. So what do you want to change first? All right, we want to be more confident. Okay, everything is still being built. Fixing the three worst things now, then showing you. So, it's taking screenshots of it and it's doing its own looping and iterating on it. And so, uh, it's

[7:50] looking at the That was pretty cool. It's looking at it's looking at the mobile version. It's making sure it all looks sexy. Okay, so it gives us four big tiles and it's built through the reference. You tap an answer the footer line word for word. Here are the so it fixed a couple things that were wrong. It's checked a bunch of stuff and it's given two notes and say say yes and it'll go to step two. And so one of these steps will call Higsfield and it'll fill it with all of the the sexy um images and and content. So let's have

[8:27] a quick look. We like how that looks. So, people will go through this and this will build out a plan for them. Uh, and it'll act like a quizunnel, right? Okay. I kind of like that. It's a little bit lackluster, but let's just say that it's going to be filled with all the sexy stuff later. And this is just the draft, right? So, patience, young Padawan. So, while that's working in the background, let me just give you some context here because manifesting.com sell a whole bunch of audios and videos and courses on how to manifest the life that you want. And so, you can listen to

[9:03] a sample here. Well, you can't actually. Okay. So, there's it's just like really really basically put together. All right. So, it's like a it's a very quickly put together uh sales page. Basically, you've got hypnosis, brain waves, manifesting, inner work, all the things that you need to be able to manifest the life that you want, the confidence that you want, the wealth, uh the relationships, etc. And they have a gigantic library of all of this content that you can access. Now, I don't think that that is necessarily communicated in this, and it certainly looks generic as hell. Here is here is the process. You

[9:42] can see that there are four steps. Um, and everything has been built out for us. And so it's using Higsfield now to actually build out the content. You can see it's so it's making the one woman on Higsfield. It's um pricing everything using credits. Here is everything that's running in the background. So pretty cool. Uh, I'll try to show you as much of the process as I possibly can here. But Claude Opus 5.5 is just cooking for me and it's creating all the prompts and all of the sexy uh content that's going to be loaded in. It's using nanobanana pro. Okay, so it's created this image of this woman and this is the

[10:26] ICP that manifesting.com speaks to specifically. So it's running everything in the background for me. You can see I've connected Higsfield. I've connected everything and uh I've dumped in as much about the brand as I possibly can. You can't expect to have good results if you don't do that. All right, it's really important. All right, so we have progress now. Uh steps two and three are done. No video has been made yet. So step two, the full quiz. All four questions results queens uh results screens work. It fixed a bunch of mistakes already for me. It ran through steps three with Higsfield. It created

[11:11] It created this and uh some other stuff. It spent some credits. Say yes for the 222 credit run at 1080p. Uh I need to conserve some credits cuz I got two other videos that I need to make here and I only have 900 credits. So, I'm going to go yes for the 100 credit run and let Higsfield do its thing. And so, for sleep, it's going to create a

[11:38] moonlit bedroom where she rests. Curtains move slowly. For the for the calm, it's going to create a still lake at dawn. For confidence, it's going to create she's she's walked around toward the camera in an empty street for wealth. Wide green valley and morning light. She looks out over it. Um, and then it's going to create some stills

[12:00] and that's going to cost me 200 credits. So, let's do it at 720p. I know it's going to look like a potato, but I only have 900 credits. Okay, so you can see that it ran through all the loops. It answered all the questions. It built all the stuff. It ran through desktop, phone, etc. And then um it said that Higsfield blocked women asleep uh in bed as unsafe. So, it changed it. Anyway, this is what it looks like. Um, I don't because there's no animation, but when you click this, it opens the animation of the woman sleeping. Uh, when you open this, it opens this soft

[12:41] animation of her being calm. When you open this, when you click confidence, it shows you this. And when you click on wealth, this is what you get. So, it's pretty good. It's not going to win any design awards, but I just wanted to kind of show you what happens when you you basically oneshot it with a really decent prompt and you run it through Higsfield. Um, so it's certainly a lot better than this, right? And this is actually designed to convert because you can see here it's going to send you your free plan. So you could test this homepage as being uh running traffic to it. Now, obviously, I

[13:22] would adjust these so that maybe she's facing inward. I would adjust this this box at the bottom. I maybe would make it like um this way and have the box over here somewhere. But anyway, that's that's kind of the idea. Um so, I don't mind that. But what I want to do now is show you the second example. Okay, so that was us being a little fancy and trying to get more direct response, right? Uh but now this is the second prompt. So I want a clear calm page. I want to use this as the reference. I want to use this as the

[13:58] reference which is headspace. So this is a clearly very well put together website that wasn't created with AI. Now, because manifesting.com has a whole bunch of audio stuff and it's also in this mindful space, I wanted to create a version of this that was like like this that you could pageionate through that looked like a really deep um website with lots of of of depth and and like you could go through libraries and stuff

[14:35] like this. uh where where this is just like flat AF right now. I don't like how playful and colorful this is. So, I'm going to make sure that that's in the prompt to use it as the the framework, but don't actually use yellows and oranges. We want to use deep indigo, no cartoons and illustrations, real photos of real

[14:58] looking adults only. Um, build it in this order. Use Higsfield. So all these rules and stuff again I'm going to leave them linked down below but let's see how it cooks when I give it that prompt. All right so you can see that this is what Claude and Higsfield have created. Uh there is a subtle video over here and it's got nice eyebrow copy. Tell us what you want to change. Get your daily listening plan in minutes. So it's again it's not going to win any awards. I'm going to save that one for the next one and hopefully blow everything out the water. But it is a really

[15:34] wellputtogether website. And if I spend a little bit of little bit of time here, I can really build it out. So it's something sexy. Now let's try the fly through walk through. Okay. So same sort of prompt here. We've added read this first. What it is here is the reference that I would like to build from. Use Higsfield. This is going to be way more Higsfield intense. Use Higsfield CLI as it's

[16:01] signed in. make one woman aged her here. She wakes up before the alarm. She walks into a bright room, a laptop on a terrace, two people laughing at the kitchen. Start each shot. So, um, and then turn it into a frame sequence. So, again, if you want all of this, I'm just going to leave it all linked below inside the free Dopamine Digital School group, but let's have a quick look at

[16:27] the reference so you've got an idea. Right? So, I'm just realizing that um this is the reference that I gave it, but these are the the style and the color and so it's not going to actually pull from the walkth through or like the fly through here because it isn't a fly through. But this is more or less what we are trying to create. So, I've been assured by Claude that it doesn't matter because Hicksfield is building the slide

[16:53] by slide fly through. So, look at this. These are the types of things that we are trying to create. Pretty darn cool. Like it's very impressive. My god, look at this. What is this for? This is for some sustainable coffee coaster. I mean, this is outrageous. Look at that. Okay. So, if you want me to like design something like this from scratch. Oh my

[17:27] days. Like this is some heavyduty stuff. I'm just scrolling. I haven't like clicked anything. All right. And now, wow, look at that. This is outrageous. Oh my goodness. So, okay, that just blew my face off. Damn, whoever made that is I found all of these on this site again. So, this is styles.referero.design. You can come here and you can look at all the sexy stuff and then you can just like um let me actually find this and see if we can actually create something like this. So, I'm going off script here, but if we come into this, we've got I'm going to I'm going to create this as

[18:22] well and see see what that looks like. So, we come back into Claude, it's asking me some questions. While you are building the fly through, can we create something with a prompt like this which is going to be relevant for manifesting.com? I am blown away, absolutely blown away by this website and I want to try and take uh

[18:41] inspiration from it as much as we can. And then I'm wait I'm going to feed it well let me do that and then let me come back here and give it the the prompt or I'm just going to boom like that. come back here and then dump that bad boy in. Enter. All right, real quick. I just wanted to show you like the the process that it's going through. And um I've been using Claude desktop app way more recently. And with these mods, by the way, it's way better. So, if you're still using terminal like I was last week, bin it because now you can use

[19:26] mods and it it's just so much better. So, here is the script it ran through and then here are the drafts of the images that it's created and then the movie it's going to stitch together. Pretty cool, right? Uh, and then it's creating something that looks like this. And then it's uh checking the browser to make sure that things are

[19:56] correct on mobile and on desktop. And now it's going through the fly through and it's putting all this stuff together. And that ping means we are done. All right. So first we have this version here which is similar to this one. Right. So it's created something that's pretty decent but again this is just like oneshotting it. So, we have this manifesting big title here. Tell us what you want to change. All you need is a pair of headphones, 800 guided sessions. So, um it's okay, but like you know, you can see if I spend a little bit of time here, it would be pretty cool. Now, this is the fly through that

[20:40] we uh was part of the plan initially. I showed you those screenshots. So, this is what it looks like. This is the final. Again, I would spend some more time refining it, but this is again just me oneshotting it with one prompt. You wake up rested. Your mind is quiet. You walk in like you belong. Money gets easier to think

[21:02] about. Love feels easy. It's a practice. 800 Ways to Get there. You just saw it. Now go and live it. Pretty cool. Pretty modern. Pretty cool. very interesting. So, um I would spend some time refining this. Obviously, it can be uh done a little bit nicer, but that's kind of like my my first impression, my very first go at creating something that is better than this flat generic AI slop. So, if you want all of the skills and all the prompts and all the templates that I use to create this, uh check out the Dopamine Digital School group. It's completely free. There are 8,300 other business owners just like

[21:47] you who are learning about how to use AI, how to use marketing principles. Uh, all the Claude skills that I create and give you for free are in here. This is a money model skill that I created the other day. It's going to teach you how to put together an offer that crushes. Here is a free claude skill on how to find your very first thing to sell. If you don't know what to sell, then this is for you. And so every single day I

[22:13] drop source in here for you for free. And if you want that crazy deal inside the AI system society where I'm giving you a 100 days of content that you can walk through and every day everything is broken down into actionable steps for you as well as all of my systems that I used to go from zero to 16,000 plus dollars a month in eight 84 days as well as my content systems, launch systems and paid ad systems that have done more than 7 million bucks. then I'll leave that linked as well down below. Make sure you subscribe because I make one of these videos every single day for the

[22:47] next 100 days. And I'll see you in the next one.

---

About this transcript
Read from YouTube's own caption track and laid out by ViewRank AI (https://viewrankai.com).
ViewRank AI finds the videos already beating a creator's own average on Instagram, TikTok and YouTube Shorts, transcribes them from the audio itself in more than 60 languages, and turns what worked into new ideas and scripts.
Free transcript tools, no account needed: https://viewrankai.com/tools
How to read any video this way: https://viewrankai.com/llms.txt