How to Build a Branded Shopify Store with AI in 10 Minutes (Using Claude Code)

[00:01] stores on Shopify just got massively easier for beginners. Now, check out this Shopify drop shipping store that I vibe coded in literally 5 minutes and I did no work. And this kills the need for paid themes, AI store builders, or

[00:16] paying a developer to build your store. You can now literally vibe code any Shopify store, any product page, any landing page for drop shipping or e-commerce now on Shopify. And the reason why you can now do this is

[00:30] because Shopify has just released a massive new update which allows you to now vibe code. But the good news is I've made your life so easy in this video because I'm going to be breaking down exactly how to set this up. So all I ask

[00:44] the like button because once we've hit 500 likes on this video, you'll get access to the whiteboard you can see on the screen that has the whole setup guide and it has all the prompts that you're going to need. So the first thing

[00:57] the Shopify drop shipping store product just 5 minutes. Just to show you how crazy this is and then we'll clone a store together. So this is the product page that I got vibe coded. You can see

[01:11] the hero section looks absolutely amazing. You can see the brag banner here. You can see this section was fully customized, also this one. Now all these sections by the way guys are fully edited so I can click on them like these

[01:24] testimonials and you can see the review testimonials are here that I can edit. sections, they're all fully customizable. For example, like this comparison chart. You can see I can change everything here like what

[01:39] is said, the colors used, everything. Now usually you have to pay for a paid theme to get these sections. I vibe coded them in 5 minutes. Now the other crazy thing is guys, it also built me a full landing page on the homepage. So

[01:51] well. You can see I've got to add some videos here. Now just bear in mind the images I haven't quite perfected yet in terms of generating so I won't be vibe separately using Google Banana. But in terms of the sections, the colors, and

[02:05] the typography, and the text, all vibe coded. As you guys can see, all the sections look absolutely amazing and it looks and feels like a premium store. minutes. The one we're going to clone together I'm going to put way more

[02:17] effort into and you'll see how good the results are. Now the product page and product that I'm going to be cloning is a store that's currently doing $200,000 a month selling this LED face shaper. So I found their ads on Winning Hunter and

[02:32] I can see they're scaling the store right now. It's called Lux Cove and if I go to their landing page you can see it looks really, really nice, really professional, looks completely customized, and I'm essentially going to

[02:44] basically copy and paste this. It's essentially printing seven figures a There's another company selling this product called Riva and their landing page is also really, really nice. This one in my opinion might be slightly

[02:58] this whole store together. But essentially I'm just showing you if I loads of money, I can clone it in the next few minutes. Now just to prove to you guys that I did vibe code that store and I'm not making it up, you can see

[03:12] I'm inside of Anti-Gravity which allows me to use Claude Code which is the agent we'll be using to build our stores. Now you can see here live in the chat, you can see it creating and pushing all the Shopify theme liquid to my store so you

[03:27] can see all here written. So that's just me showing you proof that I was able to build it through AI agents and essentially vibe coded the whole thing. going to clone a store together and you can follow me along. So you can see I'm

[03:40] going to get access to once we've hit 500 likes and you can see it says here build a drop shipping store with using Claude Code and the new Shopify AI tool kit. Now if you don't understand the logistics of how this works, you are

[03:53] going to get confused. So we're essentially going to need a few tools to make this work. So the first thing is we're going to need Google Anti-Gravity. Now Google Anti-Gravity is completely free for everyone to use and install.

[04:06] Now I'm doing this on a Mac although I have given you a Windows alternative in the whiteboard. Then you're going to need to use Claude Code because that's the AI agent we're using to build the vibe coding. Then we're going to need to

[04:18] download Shopify AI tool kit to our computer and then we essentially just need our Shopify store. So it's essentially just those four things that we need. Google Anti-Gravity is a free workspace by Google. It's like a smarter

[04:32] text edit, download, and install like any app. And then Claude Code is the AI agent and then Shopify AI tool kit connects to Claude so that basically it has all the skills and all the knowledge on how to build sections on Shopify and

[04:47] place that we're using to build our product page or landing page. Now I want to make this very clear before I carry on though. Do not get this confused with an MCP version. Now a lot of people have been doing MCP connections where they

[05:02] connect Shopify to their Claude using an MCP. Now that's been going on for a while now but it's nowhere near as good as the AI tool kit that Shopify just dropped a week ago. The MCP setup is way less productive than this setup. In

[05:18] terms of what you can do, ignore the MCP version. And also don't get it confused with this version. So now you can see it says here what you need before starting the Windows options. So when you get access to this whiteboard, choose the

[05:32] one that you're using. Now again, I'm using a Mac guys so just bear that in mind. Now before we get into cloning the store as the example I've shown you, let me quickly explain the setup guide it step by step so you can do it now before

[05:45] we carry on. Now this should only take you between 5 and 15 minutes depending on how good your skill level is on tech. But like I said, this is completely because I've given you the links to do it with so it's not rocket science. Also

[05:59] there'll be videos linked in the description from other YouTubers that teach you step by step how to do these more in depth if you need a longer video. So guys, before I get into the next part of today's case study, I

[06:11] wanted to make a quick announcement. If you've been looking for the best mentoring, we're talking about one-to-one mentoring for your e-commerce and drop shipping experience, then you're in the right place. The amount of

[06:24] or comment on the video saying, "Do you have one-to-one mentoring? Can I work with you?" Then yes guys, I do offer a one-to-one mentorship. And it isn't just any mentorship. We've been offering mentoring in the drop shipping space now

[06:38] for over 7 years and our track record is proven. We have some of the most successful students that have graduated from our e-commerce mentorship. We're one of the only few companies that still offer one-to-one mentoring and we're one

[06:51] if you're looking for a one-to-one mentor to help you with your drop beginning, finding a winning product, building the store, launching the ads, having an accountability partner, feeling like you have the confidence to

[07:05] "Am I doing it right? Am I doing it wrong? How do I find the little gems about how to do it correctly?" Your mentor will figure that out with you. He will turn you into a drop shipping professional within 30 days. I can

[07:19] guarantee that the mentoring that we offer in our company is the highest quality of education in the industry. Now I don't want to talk too much about you guys have been asking for it. So if you want to apply for one-on-one

[07:32] mentorship, there'll be a link in the comment and there'll be a QR code on the screen so you can apply. But before you apply guys, only apply if you're serious and you have a good budget. We only want to work with people that have a good

[07:45] mindset and a good budget so it doesn't slow them down through the process. Our been the ones that have the correct mindset and they have a budget to spend available spots for the one-to-one mentoring for Q1 will be fully booked by

[08:01] want to make sure that you can join, make sure you apply by scanning the QR description before it's too late and we reopen for the next quarter. With that video. So number one guys, make sure you've got your Shopify store and make

[08:17] sure you use my Shopify link in the description as you can see on the screen. By using my Shopify link guys, you're going to get 3 months for $3 so 1 month over 3 months. Now it's also important when you use my link, you're

[08:29] on the paid plan, the basic plan for $29 because if you don't use the basic plan or you're not on the basic plan, you're not going to get access to Shopify's authentication that allows you to do this. If you're on a free trial, it just

[08:43] it's fine. So make sure you've done that guys and by using my Shopify affiliate link, I will get a small commission which means a lot, especially for all Then the second thing is you just need a Google account. Once you've got a Google

[08:57] account, go to Google Anti-Gravity, download it to your desktop or your laptop, and then you can authenticate it by logging into your Google account. Again, it's completely free to use. Then the third thing you need to do is go to

[09:10] Claude, create an account. There is a free plan and then there's a $20 plan. I'd recommend that you get the $20 plan. I am not affiliated or sponsored by Claude although I wish I was, I'm not. But you do need to go on the $20 plan to

[09:25] be able to do this. You also want to download Claude to your computer. Now how you do this is you run it through the terminal on your computer if you're using a Mac. So on a Mac, you need to run Claude through the terminal. Now on

[09:39] Claude's website, they give you the terminal commands to use and I've even given you them in the whiteboard. So you run the command in your terminal. That will then install Claude to your computer. Then the last thing that you

[09:52] need to do is download Node.js. Then the last thing that you need to do is download Node.js. Now this is just a package. You literally just need to download it, run a command through the terminal, which will be again on the

[10:06] And then once you've run this command, it just essentially allows you to use Node.js on your computer. Now the reason why you need something called Node.js is it's a language model that Shopify needs to use. So Shopify's toolkit will not

[10:20] work on your computer without this package. And again, it's a very simple So once you've got your Google Antigravity, your Claude code, and your Node.js installed, you're then going to go to Google Antigravity. You're then

[10:35] going to message your Claude agent, and you're going to say, "I want you to be my Shopify AI agent that builds my product pages and my landing pages." You're then going to tell it that we are going to be using our Shopify AI toolkit

[10:50] to be able to do this. You're then going to give it the Shopify AI toolkit commands, which are two that Shopify give you. Again, they're also inside of the sheet. As you can see, it gives you two commands, command one, command two.

[11:04] You give this to your Claude agent, and then your Claude agent will install all of the packages through the command. And in this whiteboard, I give you I've had zero issues with the installation. Now once you've done this,

[11:18] guys, and the Claude agent confirms it's set up and it's working, then we can progress into cloning our stores. And again, if you found that process a little bit difficult, rewatch it, look

[11:31] at the whiteboard cuz you can see I give it you step-by-step copy and paste, or watch one of those videos linked in the description that are a lot longer, but they're more in-depth if you need a longer, more in-depth video on how to do

[11:43] it. But it is relatively simple if you break it down into different parts, like I just explained. So now we've done that, guys, we move into the fun part of the video. So you can see I've got my Antigravity loaded here. And you can

[11:56] also see I've got my terminal loaded here. So I'm going to go back to my Antigravity Claude agent. Now I'm going to give you guys a prompt to give to your Claude agent once it's working that will essentially give it all the

[12:10] knowledge it needs to be able to create product pages. Now I had to spend an hour or 2 hours giving it the knowledge it needs so it can create good product spend 1 to 2 hours giving it its knowledge, I'll just give you the prompt

[12:24] whiteboard. It's an MD file, download it, upload it, and it will have the knowledge. It's essentially a skill that it will have to be able to know how to build pages correctly. So yeah, guys, the value just doesn't stop there. I

[12:37] keep giving you more and more. But with that being said, once you've given it prompt I've given it is, "I now need you my store is called" give it the product name. Make sure you give it the product

[12:50] store URL if you haven't already. So if this is the first time you've done it, you need to go into settings, and you need to give it this URL. So you can see this URL here. Give it that URL because then it will know which store on your

[13:03] stores on Shopify. So if I don't give it the URL, it's going to take ages to find that product. So just give it the store URL so it knows which store to use. Now because my agent already knows my store, I've just said the product name as I've

[13:17] store, so I want to make sure it's editing the right page. I've said I've want the page to look like based on the images I've attached. Then you're going to want to put, "Let's work on the hero

[13:30] section first." It's important that you do this section first because it's the most complex version. The hero section is a section on your product page where it says "Add to cart, buy now," but there's loads of info added onto that

[13:42] part of your product page. So if that's not good, your whole store's going to be terrible. So that's why you want to just give it the first prompt to focus just upload the images so you can see I've took a print screen of the hero section.

[13:56] Now if you're wondering which section I took a print screen of, it's this section here from this store. Now I've actually not took a print screen of the bundles because I don't want to do that with the Vibe Coder. I want to do that

[14:08] showing it this just without the bundles. And then you're going to see in before edits." I would recommend that you put it on "Edit automatically." And effort onto high when you're doing product pages. If you leave it on

[14:23] medium, you get usually a little bit of a bad result. So I've noticed that when me really good results. So now what you can do is you can click send. And with "Edit automatically," you won't have to click allow every time it makes changes.

[14:36] product page before it starts working on that, just to show you that it's doing it live with Vibe Coder. This is the current product page. Looks absolutely all the info from the description before it starts working on this. So yeah, this

[14:51] is essentially what the store currently looks like. Now in terms of the supplier that I'm using for the guys that are drop shipping, I'm using USA Drop. It's because it's private agent, which allows

[15:04] you to get the best shipping lines, the best product insurance quality. I mean, inspections, and usually getting a private agent drop shipping would either cost you a monthly subscription, or you need to do high volume on a monthly

[15:17] basis. This is an exception where you get to use USA Drop as a private agent for completely free by using my link in the description and in the pinned comment. Now I've been using USA Drop since 2022.

[15:29] I even did a case study on when I sold back crackers, and I was doing 300k a month with them. So all you got to do to add products from USA Drop to Shopify if you're drop shipping is go over to products, find products. Now the product

[15:42] that I'm doing is a face tool, so I just type in face, and you can see mine's a you can see my product has come up here, and I can click import. And then when you click import, you're going to see that your stores are here that are

[15:56] you can just click "Connect another store," add your URL in, and it will connect it to your store. As you guys can see here, I'm on apps, USA Drop. Now if they don't have your product in their catalog at that current time, which

[16:09] means it's in their warehouse ready to be shipped out within 5 to 12 days, which is the benefit of using USA Drop, you can go over to sourcing and do a want to get access to the best drop shipping private agent for completely

[16:23] free, 5 to 12 day shipping times, best quality insurance and agents and the description and in the pinned comment. So yeah, now you guys know what the product that I'm doing. You can see now it's asking me to do a command, so

[16:38] command." Now just to let you guys know whilst it's working on this, if this is your first time using the Shopify AI toolkit, your AI agent might say, "I need you to give me access using Shopify's CL." So essentially, CL is the

[16:53] authentication method that Shopify gives agents to use. Then it will give you a URL and a code. You go to that link, you add in your email to your account, and it will say "Verify using code." You put

[17:06] it will say "Authentication granted. You can go back to your agent." So if you're using this for the first time, it will definitely tell you to do that. Now ask me to do it again, so I can't show you in live time, but I'm just telling

[17:21] that for the first time. But yeah, let's check this out, guys. You can see here it says "Good. I can see the hero section from your inspiration, what it "Yes, allow this command." So what it's done is it's looked at the image I gave

[17:35] it as a reference, and now it's building the liquid hero section based on that. everything. Now the thing with Antigravity is you do need to leave this open all the time because you're going to have to click yes, yes, yes to

[17:49] everything even though you've put it to "Edit automatically," essentially, it will still ask you again like this, click "Yes, allow" to keep allowing it. You can see here it says "This product doesn't have a template yet. I'll build

[18:02] a hero section now and create the template." And then you can see the full template will be VM Beauty Hero Liquid matching the Reeva reference with the logos and images built-in social proof ticker. Now I do recommend that you guys

[18:15] read this whilst it's doing it for the first few times because when you're doing this for the first time, you're building the agent's memory. So that different product pages, although I've given you the prompt to give it, it will

[18:28] let this carry on for the first time and not read it. It is important for you guys to start reading these commands and these responses it gives you so you know can see it says "Now create the product template and push both." So now it's

[18:42] pushing both of them to the Shopify store. You can see here the bash command here, push beauty hero section. Now you can see it says here "One thing to confirm, what's exact product handle Shopify assigned if the template isn't

[18:54] linking up?" Go to Shopify admin, products, find product, the URL will show the handle, e.g. product handle. So let's go and do that. Shopify product URL, and we can go to edit, and this is the

[19:08] URL handle. So we can now go back to Antigravity and just paste it in here. Now you can see that it's confirmed that it's live and it's working, so we can it's done. Now if you go back to the product page, you need to go to theme

[19:22] template, and it will give you the name of the template it's created. Now for Multicolor Light Lift Firming Beauty Instrument. So just make sure you change the template to the one it's created. If you don't know what it's created, ask it

[19:35] for the name of the page template, and it will tell you. So this one is mine. So now what I can do is I can click preview, and this essentially is what it's built me. So as you guys can see, this is the hero section that it has

[19:47] built for the store. So you can see here it's got the banner of all the testimonials. It's got best seller sold. It's got all these little check marks. It's got choose your kit. It's got It's got the four little emojis. Now, we can

[20:03] them. We can change them if we want. If we don't want an emoji, we don't have them. Now, for me, I'm going to delete bit cheap. And then we can click save. We can check the rest of it. All looks

[20:16] mobile version as the mobile version is more important. Now, the only thing I don't like is this featured in section. So, this section here I really don't section here cuz it just looks a bit random, we can delete it. So, instead of

[20:31] close this down. We can click on the section, click remove block. Then you're going to see where it says press logo, delete, delete, delete. Now, that whole section's been deleted. So, now we can click save. Now, this section here where

[20:44] it says choose your kit, I don't like that either, but I might not be able to double-check by walking through all these different sections. Now, by the where it says choose your kit has been hard-coded in. So, we can't just click

[21:00] guys, is I can take a print screen of that where it says choose your kit and I that where it says choose your kit and I can go back to the agent and I can say, "Delete the section called choose kit." Always upload an image reference or it

[21:14] will get it wrong. But, apart from that, guys, that section looks really, really good. Now, remember the imagery we have to do ourselves. I've not mastered getting the AI agent to do it just yet. But, if we look at this on the phone

[21:26] version, look at how good this hero section looks. Usually to do this, guys, either you knowing how to code yourself or using a paid theme. We've just done it for completely free using Claude code. And it's even got the sticky add

[21:41] to cart button? Usually that's an app you have to download. We got it for free using Claude code. So, now what we can do, guys, is we can actually go back to antigravity and we can now give it all the sections that we want it to do. So,

[21:56] we can go back to our reference website, which is this one here, and I actually really like the way the testimonials are done. So, we can give it this print screen. Um we can go back and say, "Now build

[22:09] all of these sections." So, we print screen that one, print screen this one. like and you don't like. Like this one I actually like a lot. This one, not very

[22:21] big of a fan. So, the FAQ looks pretty good to be to be honest with you. So, we can print screen that one as well. And then we can go to the other website and See, I really like this one as well. This section here is also really good. I

[22:34] like the comparison chart on this site more. So, we'll copy this one. And we're do for now. This section, this section, this section, this section, and then giving it a mass amount of sections to

[22:47] without any issues. It's just with the hero section, guys, you do want it to really make sure it gets it right. So, if you overwhelm it on the hero section with other sections to build, usually it gets it wrong. So, now you can see it's

[23:00] running all of the sections in parallel. FAQ section, comparison chart section is all being done in parallel. You can see building five sections all in one go. hero section done, guys, the rest of the sections get built very, very quickly.

[23:16] whilst we're waiting for that to carry on working, we're going to get our images made. Now, to get my images made, I'm going to use Arcad's as it's the platform that I use to build my videos and my images. So, for now, I'm going to

[23:28] Arcad's. You can find that Arcad's link in the description and in the pinned Image, and what I'm going to do is I'm Google banana prompt. I'm going to change this to one to one. I'm going to

[23:40] go and give it a reference image. Now, the reference image I'm going to use is from my competitor. So, I want to remake this image here. So, what I can do is I can just right-click it and take save as an image. And now what I can do is I can

[23:52] open up my chat GBT. And I've also got my own custom prompt for you guys called image builder. This basically is a prompt to basically make all your images. Just click make me an image. So, it's called the seven-in-one face. Brand

[24:05] name, we haven't really got one right now. You can just get Claude code to everything if you want. It's not an issue. You just go back to antigravity, get it to make you a brand name. We're just going to call it look skin for now

[24:18] description, we can just pull it off a competitor. Brand colors, we can get our brand colors are here. So, we can just grab this. Primary, we can just paste that in. Paste this one in as well. And then the last one is black.

[24:35] So, if we go back to Shopify, we can select the black color, which is this one. And there we go. And then the inspo image is this one. And then we can click send. Now, let's see how our AI agent is doing on Claude. You can see it's just

[24:49] writing up the last liquid file. Then it will push it to our Shopify store. We've now got our prompt back from the custom GBT. So, you're going to go to where it go from where it says here. And we're going to go all the way down to where it

[25:04] says composition. Final composition, perfect. And then what we're going to do is we're going to describe the image, upload the reference image, which is upload the image of our product. Now, it's essential that you upload the image

[25:18] of your product for this to work. So, we are now going to download this image cuz it has to get the product correct. So, we've uploaded our product. And now we can click send on Arcad's and then it will make the image for us. Now, let's

[25:31] see how our AI agent's doing whilst it's doing that on Arcad's. And it's saying sections have been published. You can see all of them here. Da da da da da. So, now let's go back to Shopify. Let's refresh the page. And I can confirm

[25:44] based on the left-hand side, they have been added in. VM results, ritual steps. We scroll down. There's our testimonials. Here's our results. And here is the section comparison chart. So, yeah, all those

[25:59] sections have just been done very quickly. Now, I can reorder these. I want the reviews to be here. So, I can move them about. I can have this section change all of these sections as much as I want. You can see the FAQs have been

[26:13] done. The comparison chart is also been done. Just like that, guys. And if I click mobile version, you can see this is starting to look really, really good. Like the mobile version looks really good. And obviously the mobile version

[26:27] is way more important than any other version of the store. But, you can see how we've just mass-produced all of those sections using Claude. And Arcad's has now delivered one of the images for us of our product being used.

[26:41] You can see it just here. So, now what I can do is click download, go back to Shopify. I can go to add media, add image, and upload my new custom image. Now, once I'm able to get the images and the sections working really well, I

[26:55] won't have to do this manually. But, that might take me a few more weeks. So, now I just add that image in. I can delete these old images and click save. And now what I can do, guys, is I can refresh the page and my new custom image

[27:08] is here and it looks really, really good. And again, if I change this back to mobile version, look at how good this looks. This is the hero section on mobile with my custom image. A custom image makes a massive difference in the

[27:23] way the page looks. And you can see now if we scroll all the way down how nice this page looks. Now, obviously I've just been doing this for 15 minutes. You can see the sections I've built. You can now go back to Claude code on

[27:37] antigravity, give it all the other sections that you want it to make and it will make those sections. And you can see first-hand how impressive this looks. Now, obviously this section will look a lot better when I add the image

[27:50] for the other section in here. But, you can see how good the store starts to look. And this is a fully customizable, branded-looking Shopify drop shipping page that you can get it to make. But, this is how crazy it is now, guys, with

[28:06] AI. Shopify dropping their AI toolkit allows you to do all of this through your own AI agent. You've seen it first-hand live. This might be the first YouTube video about this, by the way, in this much detail, showing you real

[28:18] examples of how it works. So, remember, guys, don't forget to smash the like likes, you're going to get access to this whiteboard that gives you all the the setup guides that you're going to need to be able to do this. With that

[28:32] being said, guys, I'll catch you on the next video.