Watch A Beginner Build Sub Agents With Claude Code (Start Here)

By Beau Johnson · · 42 min · 443 views

About this video

Day 12.. Welcome to Build in Public! I’m a beginner on a journey to build startup ideas from scratch—one line of code at a time. Join me as I vibe-code real projects, share my detailed thought process, and document the wins, mistakes, and everything in between. If you’re learning to build your own thing or just love watching ideas come to life, you’re in the right place. Follow the journey

Transcript

Read the full transcript

0:00We are finally at a point in this project where we need to make some changes. So in this video, we're going to be setting up Claude Code, transferring our current project from bolt.new and setting up a claude code command center where we can take this project to the next level. And I want to go over a quick road map because there's a lot of new subscribers. I appreciate you guys coming in. I want to keep you up to date. Again, this is the build and public series where we're taking an idea and going all the way to launching this idea. No matter if it takes thousands of days, it's going to be tracked every single day. So, you could see the road map. Today is day 12 and we have made significant progress this far. So, just to go over it real quick, day one was

0:45just building out that landing page, getting the domain set up and the brand packaging and everything. Again, this idea, easyflip.ai, was sparked by ideabser.com and that's where the idea got put into place and we took action on it. So, days two through four, we're basically setting up Netlefi, Google Console, Superbase, all the backend stuff with the analytics. Um, let's see, we're at day day two through four and then we're missing day five. So, I had chat GBT write this up. Obviously, missed day five. So let's just go through days 2 through 4 go high level was integrated days four through six was setting up um the policy buckets authorization API

1:31keys and client ID from Google Google console day seven was applying for the eBay developer program which we got accepted in a day so that was awesome that allows us to tap into a lot of the information available on eBay um integrate the environmental variables within Netlefi eBay API by all of this. And if you want to go back, this is a playlist. So if you want to go back and watch day one and go through all these videos, you're more than welcome to. And the whole point of this channel is to take basically a person that has no experience vibe coding, programming, building anything on a computer and showing you the process because I was the same way 12 days ago. And I just want to show you that you can do this as well because I there's no classes,

2:16there's no courses, there's no, you know, college degree that I have that enabled me to do this. It's just a man with a plan and the hunger for learning and applying this uh idea, putting into action. So, um let's get into it because we have a lot to cover. So, the first thing we're going to be doing, I ran this through Claude uh as far as like a blueprint. Um, our whole goal is to like set up sub agents that manage the front end, the back end, um, research agent, someone that manages the uh, APIs as well. So, we have Claude just build this out for us. Um, obviously our first step is to install cloud code. And I believe I would like to be running this from um,

3:02cursor. So, we'll see how that goes and we'll see how far we get. But, let's get right into it. Install cloud code. So we already have downloaded the local repo from GitHub onto our machine. So we can automatically just connect that and get it going. And the first step would be installing cloud code. So um NodeJS 18 or newer which I think I have. I don't even know honestly. Um yes I do have it. I do have it. I remember. Okay. So install cloud code. We're gonna do it, guys. I am excited. So, let's walk through the process. Um, okay, that's it. Wow. Okay. Um, kind of

3:47scary, but we can do this. We can do this. So, we're going to go into the terminal. Let's see. Let's bring it over here. Um, and then we're just going to go step by step. Install that. Okay. Enter. Oh my. It's just we've gotten to the point in our project with Bolt that it's gotten too big. like it's just I get the the message that pops up every couple hours as we're communicating with Bolt and making changes is just the chat has gotten too big and it's creating these hallucinations that is really frustrating and you know we'll get the product working and the signin's working and the the GBT vision API is working and then it will go change like the text on our landing page and then break everything and it's like that that's very frustrating. So, um, yeah, we're

4:35not going to go through that anymore and it's time for me to step up and learn some new things. Cloud code is amazing and I'm seeing everyone out there on X build amazing things with Cloud Code. So, it's time to get on the bandwagon and start learning. So, navigate to your project CD, your awesome project. So, okay, one package is looking for funding. I have no idea what that means, y'all. So, um, also comment down below. Let me know what mistakes am I making. Um, what could I be doing better? So, I want to get this thing into cursor. And I think that's going to be the next step here, just to make it better. We'll see. And the whole reason why we're wanting to work out of cursor is just for

5:21beginners like me. It is a nice visual code editor where it's just a little bit easier for me rather than just working straight from a terminal. So, it's just a little bit more visual for me. I'm going to choose cursor just because that's what I've been more familiar with and seeing a lot of people working with it as well. And you can see here on this left hand side um from the installation page, you can also add it to windsurf and other options as well. um VSS, Kodium, Cursor, Windsurf, and then some other ones that I've never even heard of. So, um yeah, that is going to be the next task. So, let's sign up with Cursor and get that all set up. Now, I'm all signed up with Cursor. So, 14-day free trial, $20 a month. Uh, all right, let's

6:07go for it. Download for Windows. Once that downloads, I believe I'll have access to the IDE and I could just launch Claude within this um platform and then we continue to plug in the local files of our project. And then I would like to set up the sub agents. I believe that I could just ask Claude to just build out the best sub agents according to the project files it sees and go from there. I do have an artifact from claude from a previous conversation. Um AI agents for infrastructure management as I've already created this a project inside of cloud. So it's very familiar with what we've been doing. Um AI agents for

6:52infrastructure management what you can build with cloud code. So we would build a netifi management agent, superbase management agent, specific agents for your AI listing app, an AI processing agent which would manage our open AI, Google vision and eBay integrations which sounds amazing. Business intelligence agent monitors your app performance and business metrics. Real world examples for your business, automated scaling agent, revenue optimization agent, development workflow with agents. So, it has has it all laid out here. I don't know what we're uh I guess when in doubt, if you didn't see the podcast yesterday talking with Brett, just ask. So, we're going to be very noob in this process and we're just

7:37going to ask. We're going to ask Claude, make this project better and hopefully nothing breaks. It shouldn't because we're working on the local development server now. before we make any changes to our project. Um, you know, we can have it saved and we can always go back, which in Bolt, not so much. All right, we just have cursor installed and we're just setting it up. Um, I don't really know any of these settings, so I'm just going to go with it. I I'm fine with cursor learning from my code. Um, I don't know about that. Well, I have to agree now. Okay, whatever. All right. So, opening terminal terminal install. Okay, so here's what it looks like. Um, this is going to be fun. So, let's see.

8:25Okay, so I just opened the terminal and also I just there was a little I should have recorded it, but there was a little um button here where I can just open folder and I already have my local files on my machine. So I just opened the folder that was installed from the repository and there we go. So there we go. That's one step that we've made progress on. Next up, we want to open the terminal. And then I believe the next step is to install Claude within cursor. And I think we just type in Claude. I don't know, but let's see. Okay, I think I got it here. So, the

9:10next step is to go to Claude and then go to overview. Copy this. Uh, and then we go back to cursor. Boom. And just hit enter. We're already in the directory. I think I think we're already in the folder. Oh my goodness. All right. So, uh, next step would be let's just follow what Claude has told me. Um, let's go back down here. So, we installed it. Uh, open in Cloud Code. Click open folder. Open project. Got it. Got it. Cloud Code will now have access to all your project files in Cloud Code. Use the built-in terminal. Run get clone. Um, okay. Open the clone folder in Cloud Code. Okay.

9:57So, this would be the next step. Um, so we would be in cloud code. Use the built-in terminal. Run get clone. Let's see. So, I think we're already there because I already connected my Let's just see. All right, we're already there. So, let's copy paste. Did it open? And there we go. There we go, y'all. So, let's see. That's awesome. And here's the dashboard. Uh, gives you kind of idea of what we are building out here. Um, very cool. Let's see how this works. This is the whole concept of just uploading photos and having it uh analyze it. So, you can see here it failed. So, awesome. Well, that's a good start. Um, was not as hard as I thought. I was just kind of more hesitant to um

10:42press buttons because of what we went through over the last few days. A lot of errors and broken code and fixing that within Bolt. It was just really a headache. Uh so we are here now just looking to expand upon the project, make it better, make it more efficient and you know start taking the next step with this project. So, um I'm going to go back to Claude, um and just ask it, you know, and just ask it. Uh let's see. So, here we go. Boom. Close that. Okay. I installed Claude code within cursor. I opened my folder from the GitHub repo. What would be the next step so I could start building sub aents?

11:29Should I ask Claude Code what would be the best sub agents for my project? You tell me. And if you're not using Whisper Flow to communicate with the AI, I highly recommend checking that out. That has saved me tons of time uh rather than typing. I can just get the thoughts immediately on the computer. So, perfect setup. Now, let's get Cloud Code to analyze your specific project and suggest the most valuable agents in your AI listing app. Your next steps. Step one, let CL cloud code analyze your project. Open Cloud Code and ask, "Analyze my AI listing app project structure and suggest the top three most valuable sub aents I should build first. My app helps resellers upload photos of clothing. Use AI to analyze the items.

12:15Generate, optimize eBay listings, research market pricing. Awesome. Current tech stack. React Vite frontend. Superbase database. Netlefi hosting functions. Perfect. My goal to scale to 10K monthly recurring revenue. What agents Oh, I love it. I love it. Um, this is great. This is so good for for new people just like me. Okay, so I'm guessing uh want to launch cursor from the command line. You can add code. Um, I don't even know. Um, so I'm thinking just copy paste that. What? Wait. Oh. Oh my goodness. Yes. All right. And then just hit enter. It's not doing anything. All right. I don't know. I just opened a new terminal and we're copying pasting

13:00and then just hitting enter. I had to type in claude into the terminal. Wow, this is funny. All right. So, yeah. So, basically, I just opened another terminal, typed in claude, hit enter, and it's taking me through the steps. So, apparently I need to link my cloud subscription or API key to this console, and then we can start to use it. So, select the login method. Um, we can do one or two. Um, cloud account with subscription or anthropic console account. Um, I'll just choose the first one. Cool. Um, authorize. I'm on the $20 a month plan. We'll probably eventually upgrade to the $200 a month plan since that's what I was already using with Bolt. Um, I'm all set up with Claude Code. And now I can close this window.

13:46Okay, login successful. Um, cool, cool, cool. Um, press enter to continue. This is this is awesome. Security notes, Claude can make mistakes. Okay. Due to prompt injection risks, use it with code you trust. Okay. Press enter to continue. Um, use Cloud Code's terminal setup for optimal coding experience. Enable the recommended settings for your terminal. Shift enter for new lines. Yes, use the recommended settings. Cloud Code may read files in this folder. All right. Run in it to create a Claude MD file with instructions for Claude. Use Claude to help with file analysis, editing, bash commands, and Git. Be as specific as you would with another iner

14:35engineer for the best results. Run /terminal setup to set up terminal integration. Tip: Start with small features like bug fixes. Tell Claude to propose a plan. Verify it suggested edits. Okay. Try write a test for file path question for shortcuts. All right. Um, so can I just hit one? Um, control K. Um, all right. So, so slash Oh, okay. I don't know what was going on in. Let me go back to Claude. Cool. Cool. Cool. All right. That's great. Should I run a slashinit command first so it can analyze my project files? All right, so great

15:20response here. So it said yes, you need to do that because it doesn't know your project files yet. So Cloud needs to understand your project before giving good agent suggestions. The init command will scan your file structure, understand your tech stack, analyze your current code patterns, identify integration points, then ask for the agent recommendations based on my project analysis. What are the top three sub aents I should build? Um, all right. Why in it first is smart? More accurate suggestions. Um, Claude will see the actual code structure, practical recommendations, agents that fit your existing architecture. So if I weren't to do this, it wouldn't give me the best result because it doesn't see the files, right? Project specific insights based on your actual implementation. Faster

16:05development. Cloud understands your patterns and style. Expected flow/init. Cloud analyzes your project. Cloud responds. You ask what agent should I build. This is insane. This is so good. I love this. And I know I'm not good at using these tools yet, but this is amazing. This gets me excited. I hope it gets you fired up as well. So, let's run this and see what happens. Very cool. Very cool. I'll analyze your codebase and do what? We're going to need to read more of this. Um, so it's analyzing the codebase and create the claude MD markdown file. Let me start by examining your repository structure and key files. It's examining the repository structure and package JSON. Let's see. Read readme MD file if it exists. Okay,

16:53cool, cool, cool. List. Okay, it's going through it. Ah, this is so cool. This is so cool. I love it. This is awesome. I don't know about you, but for me, this is this is really fun. And I just want to continue to document the journey on here, showing things. I know I I'm just learning this, y'all. I mean, this is literally day 12, fresh out the kitchen. So, if you are intimidated by learning this stuff, just watch the channel, subscribe, because we're releasing videos every day documenting the journey. I ain't cutting nothing out except for the long boring pauses, but I ain't cutting nothing out as far as like I'm not working on the project when I'm not filming a video, right? I might be debugging some errors in the background, but when we're taking steps forward in

17:39this um project, I'm going to make sure I hit record and go through it with you and troubleshoot this. So, it's going through it. Um let's see. It's writing this file. Uh right. Do you want to create cloud MD markdown file? Yes. Do I just hit one or Okay, cool. This is awesome. So we'll let it do its thing. I've created a comprehensive claude markdown file for easy flip landing page repository. The file includes development commands, essential mpm scripts for development, building and linting, architecture overview, key patterns, implementation. The file focuses on the big picture architecture that requires understanding of multiple

18:24files, avoiding obvious instructions while providing practical guidance for future development work. All right, so I think it's work. I think it's done. You know, just for the beginners out there, let's do this. Let's do this. This is what I've been doing a lot lately. Uh just screenshotting the entire and then saving it and then going back into Claude. Um and then just saying here is the results of the slashinit. And then I'm just going to put the photo there. Photo. And then we'll get a good response. I want to make sure I copy paste this. I did come up with a really good one earlier. Analyze my AI listing project. I like this one. I like I like this one a little bit better. A little

19:09more descriptive, but let's see what it says. Okay, so here's the results. Excellent. Cloud code has successfully analyzed your project and created a comprehensive cloud markdown file. This is perfect. And now Claude understands your entire architecture. What just happened? What just happened? Uh project analyzed. Cloud scanned all your files. Architecture understood with Superbase and AI integrations. Key patterns identified authentication flow. Data management AI integration environment config. Uh your project's instruction manual for cloud for cloud is the cloud MD file. Now ask for agent recommendations. Um all right. What to expect? Cloud will now give you highly specific recommendations based on your actual file structure. Current integrations. So

19:54far we have eBay API, Open AI, GPT4 Vision, and then we have Google Vision API. So we have three of those. Um, business logic, photo upload, AI analysis, listing generation. That's where we're stuck right now in this project. Um, getting the whether it's a it's a prompt or whatever that needs to be better to read the photos better like the tag, the brand, the size, the color, and come up with keywords that are relevant. Also pulling the item specifics from eBay that are required in specific categories is going to be huge. Um and then understanding our revenue model. This is much better than generic advice. Instead of generic build a monitoring agent, Claude will suggest something like um okay go ahead and ask

20:41Claude and we'll get some more actionable steps. This is so fun. Okay, so I think I just copy paste this in there and just hit enter. Right. All right, let's go. Let's go. Let's see what happens. This is fun. This is fun. All right, so it's doing its thing. I'm probably going to run out of tokens very quickly, but let's see. Um, wow, that was quick. Um, based on your AI listing app, here are the three most valuable sub aents to build. First, dynamic pricing agent. Business impact directly increases sellers profits, higher willingness to pay premium. what it does. It continually monitors sold listings for similar items, adjust pricing recommendations based on seasonality. That is really good. Wow.

21:27That is freaking amazing because yes, that's part of the the app is that it prices your item for you based on solds based on the last 90 days of what that item sold for. So, that is that is even beyond what I was thinking, but great job. Um, it provides price drop recommendations when items aren't selling. That is insane. Revenue impact premium feature for the $29 a month tier. Sellers will pay for profit optimization. Number two, listing performance optimizer agent. Improves seller success, reduces churn, drives word of mouth. What it does, it analyzes which title description get more views and sales. This is insane. AB tests different listing variations automatically. Suggest title improvements for existing listings.

22:12Identifies underperforming listings that need updates. That's insane. Crossplatform expansion agent 3x revenue potential by expanding beyond eBay. Um yeah, yeah, I I do like that. Um it's not the goal right now. Um uh why these three they directly address your biggest scaling challenges? Pricing optimization. Yes. Yes. Yes. Okay. All right. Um yeah, and let's just talk to it. Let's Let's see if we can do Whisper Flow here. Um, I like the dynamic pricing agent and I like the listing performance optimizer agent. I don't know about the third agent, crossplatform expansion agent, because I'm really just trying to focus on

22:58getting listings onto eBay first. All right, so let's just hit enter and see what it says. Very cool. Um, it's going to do its thing. And then while it's doing its thing, it actually came up with there's another artifact here. um AI agents for infrastructure management what you can build with cloud code. So a netlefi management agent, superbase management agent. I don't think that these are huge right now. I think I need to download the Netlefi CLI which I never did. So I need to do that. Um and I think I have it right here. Let's see why you should install it. Okay. All right. So, I'm just going to go back to the cloud code and say I want to download and install the Netlefi CLI. Do I do that within cloud code? Cloud code.

23:45See what it says. All right. It says install Netlefi CLI and cloud code. Step one. All right. Cool. Um, all right. Um, so why we want to do this is because we want to integrate um everything in one place. So CLI knows about your current project terminal is right there with your code environment consistency after installation your new dev command instead of mpm rundev use netlefi dev. Oh interesting this gives you local AI functions. Yeah because if I don't download the netifi I won't be able to access all the API environment variables. though from my ex understanding um and I'll be able to like work with it on my local

24:30development server and make changes before it gets pushed out. Um so very cool. So that will be the next step. Let's see what Claude was doing. Um okay, you're absolutely right. Focus is key at this stage. Let me suggest a better third agent that aligns with their eBay first strategy. Inventory management agent. Uh, solves the what to sell next problem that keeps resellers coming back. Tracks which item categories are branding the selling the fastest. Suggest buy again recommendations. Oh, that's so good. This is so good. This is insane. I I love it. I couldn't even come up with this is just going to be so good. Um, I am excited. So, revenue impact, it's

25:15just so good. Um, this is a great great feature. Um, I love it. I love it. I love it. Yes. On that that idea. That is so good. All right. So, we got the three agents set up. I think the next task would just be installing the Netlefi um CLI. So, your third agent execution plan. Um, perfect. Uh, revenue to path to 10K a month. Um, jeez. All right. The beauty. Each agent feeds data to the next, creating a compounding value loop that is that's hard for competitors to replicate. This focused approach keeps you in the eBay ecosystem while building

26:00three distinct distinct value propositions that justify premium pricing much stronger than spreading across platforms too early. Want me to deep dive? Um, no. It all sounds good. Are these agents built? Built and ready. Built and ready to go. Um, I like that it's, you know, a bit more technical on the interface, but I like that I can just chat with it like I had been chatting with Claude. No, these agents don't exist yet. They're strategic recommendation. I just proposed for your road map. You'd need to build each one of these from scratch as features in your new app. They would be new components in your React front end. Additional database tables and superbase. New netlifi functions for the AI logic enhanced. Right now your app is

26:48has just the foundational AI photo analysis and listing generation. These three agents would be major features. Did you want me to help you plan the technical information of the Well, yeah. I was hoping it could do it for me. Yes. Can you do it for me? So, it's building the agent. Um, and another question too. It says in my React front end, am I using Vite or React? I don't even know the difference. I remember I had fixed an error thinking it was React, but we were using Vite, so I don't know about that. But so hopefully it builds it out for me and builds all these agents. All right. Wow, that's insane. Um, all right. Do you want to create SQL? Yes. Going through the process. Pretty cool. Pretty cool. Here's the plan. All right.

27:36All right. Okay. So, it's just going through and just building out the agent features one at a time. And and I do like that it asks me. So, yes. Very good. Very good. This is exciting. Very exciting. Now, it's building eBay sold listings. Now, it's create pricing recommendations UI component. This is so cool. From my understanding, um that I will be able to just like this is all being applied to the local development server. Like from what I know, it's not editing my files on Git. It's just working on the files that are local. So I'm able to test these out before making a commit. So I like that. I like that I'm not working out of the the repository and breaking things and I feel bit more confident when

28:22implementing changes. So that's a big bonus for me, especially for beginners. That's like insane. So, do we want to make this edit to the item details tsx? Yes. Very cool. While it's doing that, um, I can continue on my conversation with Claude about just other stuff. I do want to install the Netlefi CLI. I probably should have done that before doing the sub agents, but let's see. It's probably good to review each thing that comes in, but I just saw here you don't need to ask me again this section session and it will just automatically apply the changes. So, um I'm just going to do that. I'm confident it could do the job. Okay. So, I just went into

29:07Claude and I just asked it um is it okay that it's creating sub agents first before installing the Netlefi CLI? It says no. Let's pause the install and then install Netlefi CLI first. Why? Because agents need your functions to work. Your sub agents will need to have access to those APIs that are in the environment variables. So, um, it just created the first agent. So, um, yeah. So, um, let me just tell Claude, well, I accidentally already created one sub agent. What should I tell Claude to fix that? Should I undo it? I don't know. I love it that you can just be straight up and real like, hey, this is what happened. No worries. This is totally

29:53fixable. Here's what to tell Claude. I accidentally created sub agents before installing Netlefi CLI since the agent won't be able to properly interact with my functions without the CLI. Should we install Netlefi CLI first, then update the agent to work properly or temporarily? Okay, that that is amazing. Okay, not a disaster. All right, easy fix. I love it. I love it. Why are we scared? All right, so let's copy paste that in there. Hit enter. Hopefully don't yell back too much. All right. So, option one is definitely the best approach. Here's why. Um, the dynamic pricing agent I built is already designed to work with Netlify Functions. It can it just can't test the integration without the CLI. Installing it will installing it now will um test

30:38the pricing agent function I just created. Verify eBay API proxy integration works locally. Debug any connection issues before going live. Confirm the front-end function database flow. Quick setup process. Um, okay. Why not wait? Um, okay. Uh, install the CLI now. We can immediately test the dynamic pricing agent in fix the integration issue. The agent is designed for your stack. It just needs local development to work properly. Um, want me to help troubleshoot once you have notifi running? Uh, yes. And then wow, it's already it's just installing it for me. Um, this is so cool. I just love this stuff. Um, yes, this is so All right, so we were recording. From my

31:23understanding, too, once we push changes from the local development server, my main computer to Git, then Netlefi automatically detects the change in the git repository and then applies them on the production level. Correct me if I'm wrong, if I'm not explaining that, but that is how it's working in my brain. And I just feel much more confident working on a project that's local. I can make changes, I can make errors, I can make mistakes, and I can always just go back. Um, so I like that before committing to GitHub. So yeah, that just makes me feel like a better builder, better creator, and um because in Bolt, I just felt hesitant to make a change,

32:08especially after the last few days because after making a change to something simple, it seems like something would break in the code or I'd have to go back and figure it out. And I was spending the last few days more time fixing errors than actually progressing the project. in today. Just today, we've made more progress just getting this done than in the previous three days. So, I I'm excited and I'm just going to see what's Claude up to and what is going on. What is it doing? So, it's just setting up the Netlefi. Um I connected Netlefi and that should be good to go. Granted access beans. Let's go. Um and then we just want to go. Yes. So very cool. I'm liking this so far.

32:54Error. Error. Perfect. It says you don't appear to be in the folder that is linked to a project. Current Netlify user. Party time. Did you run the Netlefi link? Yes. Perfect. Now we need to link this project to your Netifi site. Let's do it. Um. Okay. Yeah, cuz I want to make sure it's in the correct one. Error. Error. I don't like that. It It found your GitHub repo. Let's use the current Git remote. Um, okay. So, Luca is figuring it out. I was getting to the point in Bolt where it was telling me what to do and I was like, "Wait a minute. We started out this me telling you what to do. Now you're telling me what to do." And it was having me edit environment files and markdown files. And I was like, there has to be a better way. So, let's see. Let's see.

33:39EasyFlip.ai. Yeah, that's what we want, right? Hopefully, it's just figuring it out. Brilliant. Seems like it's pretty quick. Counted a few errors. Was able to figure it out. And what I could do if you are new like just like me is you could just copy paste this entire terminal and then just put it into claude chat in a project that you're working on and just say what is going on break it down and uh it'll just give you like a quick review which I'm sure you could do that within cloud code but it's just cool. It's just another another thing another tool to help me understand what is exactly going on. And I I don't by any means want to just make all these changes without learning anything. I want to be able to understand like what is going going on and you know like just

34:24figure out from a like a vision perspective a project lead perspective like what is going on like what is the environment of the changes that we're making where are the changes being made front end backend and it's just going to help me understand a little bit better about my project and what I should focus on and then the changes that are being made. So, um, let's see. Going to hit yes. Let it do its thing and keep going. It's done. It says the the trends endpoint is also working flawlessly. Your dynamic pricing agent is fully operational. The Netlifi CLI was installed and linked to easy flip.ai. The development server is running. Functions, all seven functions loaded, including pricing agent. API endpoints. All pricing agent endpoints responding quick correctly. Front-end integration

35:11ready for your React components to consume. Next steps, test the full flow. Visit your local app and upload and blah blah blah. Okay, the website isn't broken, so that's good. See what it did in the dashboard. What did it say for me to do? All right, I'm just going to go through the full flow. Full flow is a steel jacket. Boost down. All the pictures are clear. Upload 12 photos. Assign. Select all. Skew number one. assign should take me to the generate listings page. Um, see what happens. Wow, it got the brand. So, that's pretty cool. Um, what was it telling me to do? Price at $24. Um, okay. So, let's go back into cursor

35:57cloud code. It says go to the item details page. Upload a photo of an item. Go to the items detail page. see the new sprite smart pricing insights section. Um, okay. So, we obviously didn't see that. Go to the item details page. All right. So, maybe we missed it. I don't know. This happens from time to time. All right. Back into the project. All right. We're back. So, upload. Go back and upload this. It said it. There's a pricing something. Choose different photos. Upload photos. H. Interesting. I missed it somewhere. I missed it somewhere. Okay. So, let's just do that assign skew. All right. Don't see anything here. Maybe it's on the overview page. Let's just go back

36:42and see. Um, for some reason, I do not see the smart pricing insights in the dash. It says to upload a photo, click on an item to go to its details page. Found the issue. The pricing insights component is used is using a hardcoded instead of real user ID, but it says it's fixing it. All right. Amazing. All right. It says to debug, open browser console F12 console tab. Navigate to the item details page. Look for the log message. Um, check for any error message. If you're still not seeing the smart pricing insight section, it could be loading capturing a photo first. Okay. All right. So, let's

37:27just go back. Oh, okay. It has it right here. See what it does. I love this. And even though obviously we didn't get it successful on the first try, it just says found the issue. The items in your dashboard are not linked to the details page and that's why we couldn't find it. So, I want to make sure we can get this to work and just show you the reality of what it is of maybe you're working on a project right now and you're getting tired of working in cursor or lovable bolt replet whatever and just want to show you kind of the process of switching over from one of those platforms onto cloud code. And so far this has been really seamless and I'm excited to keep working with it to get this project moved along. So far we

38:13built one sub agent and we want to get it to work. It's the um price analysis agent. So um here we go. Here's your smart pricing insights. Upload a photo. Click on the t click on the upload icon in the navigation. Upload the photo. Um after upload go to SKS. You should now see your processed item with the view details. Um, okay. All right. We'll do what it says. And let's see. We got to relog back in. Sign in. Boom. Boom. Here we go. Don't see anything new or anything different, but let's do this one. All right. So, upload the photos and select all 99. This one yet. So, I

39:01don't see it anywhere here. Um, so let's do this. Is it right? Supposed to read Wall Street. Yeah, it doesn't say that. Okay, but ready for review. Um, oh, it actually did read that, right? Just didn't put it in the title. Um, okay. So, now it says go back to the overview. Um, okay. Okay, I'm just going to go back to Claude and just say um so I went back into the overview page after uploading an AI generation and I can't click on anything on the overview dashboard page after the items are analyzed by AI. All right, so did its thing. Um okay, cool. All right, so let's do that. Let's do just relog in. I don't know if that's a problem, too.

39:47Rlogging in. We're walking through it. This is raw and real. We're seeing it. I can't click on anything still. So, let's go through the process. Actually, I already have items in here need to be generated. Ready for review. One. Ready. Complete. Right. Cool. Um, interesting. Another great option too. What I've been doing is just copying the console code and just feeding it back into claude. So, let's see. Let's do that. And I also have a question for it, too. Let's go back. Here is the console logs still not working. Maybe because we need the superbase CLI. What happens? It works.

40:32It's because I don't know, maybe you've experienced this, but using incognito mode to test out changes has been huge. I've been using Google Chrome and it seems like I have to clear the cookies in the browsing data like every 15 minutes. Doesn't work. And look at this, y'all. Look at this. This is so amazing. So, we can now click on the items that have been processed. And it comes with recommended listing price sold. And this is insane. This is what we wanted. I'm fired up. Sorry it took an hour to troubleshoot this, but oh my goodness, I'm fired up. And obviously, we need to make this a bit better. It still didn't get the size which is clearly seen in

41:17this photo. But this is so cool y'all. We are milestones away. And now I want to tell Claude it works. Oh my god. And why it wasn't working was because did not clear the browser data within Chrome and instead I opened it up in incognito mode and I'm able to click on the items that are processed in my overview page and it gives me a pricing analysis. It works. Thanks Claude. God bless you. What it says, but this is amazing. This is uh this is cool. I like this. And if you're feeling hesitant about using Claude Code, I mean, just watch this whole video. You saw me stumble my way through this, and it was probably painful to watch if you have experience with Claude Code, but hey, this is for

42:02the people that are just getting started. If you like seeing startup ideas come to life, make sure you subscribe because we're releasing videos every day. And I'm excited to now look forward to the next week of really just building out these sub agents. I hope you guys have a blessed weekend and we'll see you in the next one.

Build this with us, live

Shipping Skool is a free community with 4 live build sessions a week. Bring your idea.

Join Shipping Skool — Free