Transcription
[Music] Instead of one overworked AI, imagine having a whole team of specialized agents working together. Dedicated code reviewers, designers, test writers, documentation agents, all vibing together. So check this out.
Join me as we are going to explore Anthropic's new sub agent workflows that have just been announced. And we can learn how to build an AI engineering team that transforms the way that you code. So instead of relying on a single AI agent for everything, we're just going to go ahead and discover how to orchestrate these multiple agents that work together seamlessly, just like a real development team.
So this is actually perfect for those who are beginners or those who are experienced developers as well. If you're feeling like overwhelmed and you want to make an AI handle like your entire workflow, we'll be building everything from scratch together here live. So this is lock in and hopefully you can walk away with some practical experience that we basically implement immediately.
Uh, in this stream we're just going to go over like the setup of how to configure these agents like maybe the different engineering tasks that we can go through. Right now on YouTube I have a little poll up of what agent you want me to create first. So is it going to be uh a designer? Is it going to be a code reviewer? Or is it going to be a order me a pizza agent? So, if you're on YouTube right now, just go ahead and click the poll and go ahead and vote your f favorite uh design review agent that we'll do.
Uh, we're also going to create like some maybe some automated testing or documentation. This is something I use a lot in my workflow. You've been seeing me on my live streams. Uh, I always ask to create documentation and those types of things. So now I can probably delegate that work to a sub agent. You know, I'm a solo engineer and I'm trying to use AI and I'm always not in the code all the time. So, I think this is going to be a really great way to delegate some of these types of tasks because I don't want to confuse you too much, but maybe I'll go over that a little bit later.
Uh, I'm so excited here. This is this is a really crazy one. I've been waiting for this for a long time. And so, drop a fire in the chat if you're totally locked in right now. We're going to get right into it. Uh, cuz we need to transform basically my single person workflow into like a whole design team and engineering team. Cracked designers, cracked engineers. And I I don't know about you, but I'm totally hyped for this whole thing.
So, really quickly, just to get set up on this, what we need here is uh this is actually available on Anthropics guidelines and docs. So, let me just go ahead and drop this up in here so that we can kind of check this out. It's really fun to have the community here with me live. This is kind of one of my favorite things to do live. This just gets announced and we're just going to like work through it together. Uh pretty sure other people are trying to figure this out as well and so this is our chance to kind of really interact with each other.
Also, if you want to get in on the Discord, I have some information that's going to be linked to join my community membership. Uh, it's just right now $6.99 till I get my first 100 members and then you'll be able to to join the Ray Fernando community before we double the price when we get our first 100 members. So, big shout outs to everyone.
So, just a quick start here on their website. I just dropped a link here and it's going to say um you'll see this long the link in the actual chat. You can click that and this will take you to the documentation. I'm pretty much going to be following this guide to get us started. And then once we get cooking, I'm going to see if maybe like Anthropic and Claude Code can maybe generate some of these types of things. I have lots of these rule files and I've been documenting a lot of stuff in my code and I'm hoping that we can kind of leverage some of that sauce so that it can say I can have it just read through some of my documentation and workflows and some of these optimization principles that I have and see if it can generate some sub aents for that.
Um, just as a like from what I've been able to see right now is that like these sub agents can be either called if you tell them like specifically in the chat or anthropic as it's going through things, it can figure out that saying, "Oh, I should use a sub agent for this. Here's one that Ray already has for code review or here's one that Ray already has for design review." That's kind of really interesting about like what this type of thing can do for us.
The other positive is that it actually has its own context window. So what that means is if you have like like 200k tokens for a context window once you reach about 50% you start to get a lot of degradation in your actual outputs. So you want to always either start new chats or start new conversations or try to like separate your concerns. Why this is magical and why this is really important for the entire movement is because now we can separate our concerns over these different sub aents like a code reviewer someone who's going to do a design review, someone who's going to order me a pizza. I see you out there. Make sure it's gluten-free by the way. And those types of things are going to have their own context window to basically think about like a big old room. You can be able to stretch out and you're going to be able to do more things. And that's basically what they're going to be able to do on our behalf. And that's why I'm really excited about this.
And there are some other platforms that have been able to do this. And one of them is called AMP. AMP code from source force source tree source graph. Um, they have some really they've been experimenting with this for a little while. And we're going to get into a little bit more details about that in the future. Um, these I I met these guys and since like February they've been doing this type of stuff and they have their own coding agent that does their own thing which is super awesome and that's like this is done without describing sub aents. So we're going to explore a little bit that like maybe towards the end of the stream but I want to take a just kind of give you guys a heads up that this has kind of been a thing. They have a thing called the Oracle which is really really cool. Um, you know I love learning more about these types of agents but I don't want to distract us any further from here.
So, uh, getting into the anthropic agents thing here. It's going to say create a new agent. So, we're just going to open up Claude Code. And I'm just going to create a new session here. I'm just going to close this one out. As you can see, what I was doing for uh in my project was I was uh trying to see if I can have Claude generate these abandonment emails. So, I have this workflow where if a new user signs up, but they don't actually like check out, they they do the Stripe checkout, I can see that they've created an account, but they never actually completed the checkout. I want to be able to send them an email and then say, "Hey, do some things." And in this conversation with Claude Code, what I ended up doing was like, "Can you help me actually write those emails?" Cuz Claude is really good at writing the emails and understanding these workflows. And because it's already in my codebase, it already described and figured out that there was a problem here. So, um, yeah.
So, let's go ahead and see here. Um, uh, let's see. I think someone's going crazy in the chat. I'm going to go ahead and ban them. Yeah. And so let's see here. I just abandon. Okay. So then what ended up happening here was basically there was like a whole life cycle of email templates that got generated here. And uh this is the like this these are types of things that I think about like hm if I ever have something in my workflow I want to try to be able to reproduce it again. And so like some type of things like this are usually ripe for like documentation. And so I basically had it create this little templates for my emails here. And in the future, I don't know, I I think like there's an opportunity here, but there's out of all the other opportunities, people have been talking a lot about my design workflow. So I wrote one up here and these are the actual design guidelines. And so these ones go over like it's almost like a code review type of thing. So, let's go ahead and see if we can kind of get this code review design things bootstrapped for us.
So, we open up Claude Code just by clicking this little thing. I found out I probably installed the Claude Code plugin and this is actually an extension. So, if you type in Claude Code, this is actually um people were asking how I got this little star thing up here. And that's actually how you do it. You just type in Claude and in the extensions you'll actually see Claude code for VS Code show up. And that's actually how you can get that little cool thing up there, by the way. And so that's why it kind of like becomes its own life in inside of the uh inside of your little VS Code or in my case, I'm using cursor. So that's how you get it to show up there. So all right, cool.
So, let's go ahead and see. If I type in / agent, we should be able to see manage or configure agents. This is really cool. So it's going to allow us to now create a new agent. I'm going to see if I can make this a little bit bigger for people's to see. Okay. And then I'm going to get rid of this at the bottom. All right. And I'll probably stretch this over a little bit more so it's a little bit more in the view. Okay. So design. Okay. So go ahead. Agents. No agents found. Create a specialized sub agents that Claude can delegate to. Each agent has its own context window. Custom system prompt. Specific details. So try creating a code reviewer, a code simplifier, a tech lead, or UX reviewer. So, we're going to do one that's basically like a UX reviewer based off my guidelines here. And let's go ahead and do that.
Okay. So, I'm going to say create new agent. Okay. And so, we have a couple of options. Looks like you can choose either to have it in the project or for personal. I'm going to go ahead and select project. I like having maybe project specific agents, but like the design one is something that I use in all of my projects. Um, so for for now I just want to just create it in my project just in case I mess something up. Uh, I can, you know, like totally back out the changes and so forth. You can you can see where it puts it. The only difference is in your project it's going to live here versus in your like global repository and stuff.
Uh, let's see new agent creation method. So generate with claude recommended or manual configuration. Ah, so we can either modify uh in the actual documentation, Claude says that if you want to create your own agent, you would actually kind of follow this file format. So you can easily give this to Claude code and have it generate more sub aents. And this is probably something that we're going to do a little bit later in the stream. So that way we can kind of go through more details on like taking a look cuz I have a lot of documentation in my code about how I do certain things. like I have an optimizations principle because these agents like to overwrite the code and they don't actually reuse a lot of my code. So we're going to definitely do a sub sub aent for that. So if you're just tuning in, make sure you stay stay tuned and we're going to do that workflow of like how do we create our own custom one. But for now, let's just go ahead and follow through how cloud code generates it and then go from here. So we'll do that.
Describe what the agent should be do when it should be used. Be comprehensive for the best results. So here it's going to say expert software engineer that helps review my code not based on best practices. Um, one of the things that I say a lot is to um like don't repeat yourself or maybe like optimization principles. And so I think what I should do here is probably describe like all of this stuff. And let's see. I I think what I could do is just maybe describe I'm just going to do like a really quick primer here, just like something off the top of my head. So, I want this to be an expert designer that's going to go through and use some design principles. And some of the design principles will involve like color rules, uh, typography systems, clean visual structure, and try to make sure that whatever code was generated follows our foundation of the Tailwind V4 integration. I think that's it. Yeah.
Okay, cool. So, I'm using something called Whisper Flow. And it already kind of did this type of like markdown stuff for me already. Like, which is pretty crazy. Like, that's I was not actually expecting this at all. So, I'm just going to do this for now. I just want to see what file it creates in my repo and then I'm just going to go ahead and replace it with my own rules. So, I'm just curious to see how Claude is going to generate this type of description for us and see if it actually expands upon what I said here because that would be really interesting, right? because a lot of the times it's generating agent configuration. So I think it actually is using some type of model probably opus or probably you know sonnet to generate the like an agent based off of these instructions. So I'm a really really big fan of having AI models write instructions for themselves and I think that's what it's doing here and it's really really cool to see.
So, let's just go ahead and pop back in here. I'm trying to see did it actually write a file. I don't see anything yet. Yeah. Okay. So, a new agent select tools. So, we can say if we hit the down arrow, you have to hit the space bar to toggle or enter to toggle the selection. So, if I hit enter, it'll say it'll toggle them on and off. So, and then up and down to navigate and escape to go back. So, I'll say continue, right? Because I want everything. Show individual tools. That's cool. So, I want all the tools. I want access for the agent to do MCP. Yeah. Yeah. Yeah. Okay. Cool. But yeah. Ooh, background color. Okay. Okay. I like this. I like this. I could dig this. This is going to be really interesting.
So, let's go ahead and see. Uh, for a designer, I feel like designers are purple. Yeah, y'all are purple out there. Purple cuz like Steve Jobs favorite color. Like that. There's a whole thing behind this whole purple thing. Um, okay. So, the name is the design system enforcer. Okay. Okay. Watch out. All I would that that's not my first name, but uh yeah, I'll roll with that. Yeah. Use this agent when you need to review or refactor UI code to ensure it aderes to the established design principles, ensuring color harmony, typography consistency, and the clean visual structure. Yo, I'm not going to lie, this is very hot for a couple of reasons. one, I sort of described in plain English what I was thinking about, but then it kind of took that and added it a little bit further. And I'm wanting to learn here and see how these like sub aents are created from anthropic and maybe we can kind of make my own custom blend of rules using my existing principles because I don't know if you know this, but remember how we were talking about context windows? those rules files take up some part of that context window. And if the agent has to go through and grab code and fill up that context window, we can slam 50% just on the first request. And every single chat that you add on after that will just keep adding to that context window. And that's where things kind of get out of hand. And so I'm really curious to see. I'm pretty sure they've tightened everything up and made it more efficient here. And we can learn a lot from this. I'm learning a lot from this. If you're learning a lot from this, drop the fire emoji in the chat for sure. Yeah. Uh, big shout outs to tool use. Uh, the AI conversations dropping about that 100% purple. Definitely appreciate everyone who's been able to participate. Also, Alberto, who's a member, a sub agent with its own context window is fire for sure. Yeah. Yeah. Yeah, man. Y'all um wow. Okay, cool. All right. All right. Also, big shout outs to um Dig Bros to finally able to make it to the live stream. I definitely appreciate that.
All right. So, let's go ahead and see. This keeps going. It says it's a very warning description is very long. Over 400 characters. Agent has access to all the tools. Okay. Okay. So, hit enter. Press SLE enter to save and or E to edit in your editor. Oh. So, if I hit E, it'll pop into uh because I'm using cursor, it's just going to leave it inside of cursor. Y'all want to see? Y'all y'all want to see what they put out? I I mean, that's kind of cool. I feel like if I save it though, I'll still be able to see it because it's going to be in this type of folder here and then I can edit later, right? So, let's just go ahead and um Dang, I'm I just hit enter and you can see it already created a slash agents folder with the actual doc. And this is the documentation, [Music] bro. Wait, wait, wait, wait, wait. Did it know? Hold up. Hold up. How does it know about this? It It knows about like the typography system. So, somehow it had got context to my codebase about these rules cuz literally these were in my design format and it it put them in here. I don't know what type of drugs you're smoking anthropic, but damn, you're good. like it went through my codebase and somehow probably found that file about my design reviews and these key terms and it slid them right into its own agent be like, "Yo, I got you, fam. I didn't even have to copy and paste it. Remember how we were thinking about doing that?" Oh man, these these these AIs are getting real scary. They're getting they're getting crazy smart. I love it though. I love it though. This is what I live for. This is how I'm going to be a solo engineer with a team of agents. Oh my god, this is too good, man.
Um, probably asked it at the beginning if you want this project to be uh a personal a project or personal agent. Yeah, I said p um project specific. So, it probably has access to the the scope of that. So yeah, this is uh this was basically my request and even has the chat commentary from like what the agent was thinking inside of its little design description thing. Okay, I think we can really cook with this boy. They this tool this tool. Wow. Wow. Wow. Wow. Look at the way it describes even like the type system and like the visual structure. I didn't give it the eightoint grid system. I I I think I was going to say something about a point grid system. I don't remember if I said it or not. Oh my god. Okay. So, I'm still blown away. So, okay. Now, it has two agents. It has a design system in Forester and then the built-in general agents which are always available. And then now we can go through and create a new agent. If we want to go ahead, we can go back or enter to escape. Man, this is crazy.
Okay. Okay. Okay. So, now that I have this enforcer, I'm just going to go ahead and check this into my code. I have a separate branch setup for this because I wasn't really sure if this thing was going to totally bonkers or like whole config. So I created a branch and we're just going to keep rolling this way. So I made a little type of thing here. I'm going to publish it so it's available. Oh my god, this is really really great. Okay, so I want to see if maybe we can even fix some bugs and see if the agent either it should kick off. It should just basically figure out the design system. And uh I'm just going to try to see if I can I can call it from there. So yeah, so this basically configured itself much better than this would have. And yeah, I think that's it. I mean, so these agents can also call MCPs and they can also call specific tools as we can see there. And even has file management. So you can create a project sub aent. So oh this is for like actually creating the agent and so forth. Explicit invocation. So to request a specific sub aent by mentioning it in your command. So use testrRunner sub aent to fix the failing tasks. Oh, so I can say hey use our god this name is horrible. Design system enforcer. Oh my gosh I'm miss I'm kind of behind. So every time everyone hits a like a like or uh on the YouTube algorithm I have to like do this little dance. So, like I have 11 of them to do. I think that's 1 2 3 4 5 6 7 8 9 10 11. Okay, cool. We're good. All right. [Music] But whenever anyone does a live, I have to do this little dance. So, if you see me dancing like this while I'm talking, I literally has saw like a little like come across the screen and I have to dance like this. It's so funny. But whatever. It's my thing. Anyways, design system enforcer. Okay. Dang. have the code reviewer sub agent look at my so they have to say the name of the agent plus okay the sub aent like keyword right next to it so that it can kind of pick it up so this is this is what they call an explicit invocation if I just give it some yellow task eventually it may come around to using that sub agent so and we should see that new purple color as well by the way ask the debugger sub agent to investigate this error Oh, okay. Hold on. We got to do one on optimization principles. Oh my goodness. Oh, wow. I don't know. Are you guys hyped about this? I am so hyped. Let's just get this going, bro. This is so crazy. All right. All right. All right. Oh, okay. I'll come back to this. I We got to get this going. I want to see this. I want to see this cook right now. I do want to see this cook.
All right. So, let me show you real quick on my app. I'm not really proud of this moment, but it is what it is. I think I was valuing shipping over anything. So, in here, let's see. Bunx convex dev. And actually, this is the wrong chat here. Bunx convex dev. I'm just getting my database stuff. Make sure everything's all synced up. I pushed a change last night. I like the middle of the night, half asleep, closed my laptop. It went live in production. So for like 6 hours people were trying to load my app and it was crashing and I forgot to push this command in production to push my migrations and once I did that everything was fine. I was like what's going on? So I I missed on some signups and things but it's okay. Uh, let's see. Bunddev let's run this thing. It I'm pretty sure it's happened to you right? I mean like I'm a solo engineer. I wanted to make sure my my changes landed and I was just really excited to just kind of also sort of get it done with if you know what I mean. All right, cool. Cool. So, this is now loading up. Um, am I still transcribing something? Oh, I have a bug I need to fix. I need to clear the state because I did this migration. So, in my database, what I'm going to go ahead and do uh is in my transcription job, I'm just going to clear out the state because it's totally borked right now. And this this may happen to you if as you're going through like breaking changes in the database. Um, what's nice about it is that theoretically, yeah, all of the state should clear up. Great. Um, everything is being pulled from convex. So all I have to do is basically just describe, you know, like write the hook for the front end and it's just going to pull the data for the back end. So every transcription gets pulled up this way. And so in here, I want to fix like some of this layout. So there are these types of things. I'm just going to give it a screenshot. And when I And somebody said that I can hit controlV to paste it in. Says no image found in clipboard. use command control. Is it the command controlv? Is it? No, it doesn't do that. Um, okay. So, some like I guess when you get the screenshot, it should also show up in my Yeah, I for whatever reason my screenshots aren't going into my clipboard and I have to drag them in from Finder. And that's kind of the problem I had. And I have to probably figure this out later. And I'm not going to debug this on the stream. But basically, this is a screenshot of our app. And then I'm going to see if I can use the design system enforcer. Hello, Mr. Cloud. I'm going to use you and see if I can have it do some design system enforcing. And I'll descri describe that. Please use the design system enforcer to help me fix the UI here when I hit all transcriptions. This also needs to work for mobile as well as desktop view so that we will have the appropriate design system for viewing all of my transcriptions. Boom. All right.
So, uh, I said I just said design system enforcer without the dashes and stuff because this is just what I do for dictation. Let's see if it picks it up, right? Like, yeah. All right. So, like, let's see. I love all the participation in the chat. You guys are the real MVP right now. I like the fact that everyone can just drop in and just drop some sauce on me helps me so much. So, I really appreciate that. Command control shift4. Then it will go to your I did it all wrong. Oh my god. Command. So I have to hit the command control shift 4. Okay. Because I normally do command I I have this I have a memory. I don't even remember what the actual keys are. I just go like this. And I know when my hand lands on the keyboard that this this thing always happens. And I go like this. If I wanted to do full screen I do like this. So I have to look down on the keys like what's Oh, okay. So I have to now change my like add my little thing like this and be like claw. So if I do that then it goes in the clipboard. G Costa, you're a real G. You are the MVP of the chat today. By the way, if you're new to a Mac or an experienced engineer like me who used to work at Apple for like I don't know 13 years, I do remember there somewhere way in the back. But I never use that command cuz I don't know why I would always get the screenshot and I would drag it in. But on a live stream because of my software, it doesn't make it easy for me to just get the screenshot and drag it in and do this dance. But uh yes, you are the real MVP for this. So command key, control key. They're kind of right next to each other. And then you got the shift key here with a little like this this finger there. And then four. So I have to kind of do this. All right, let's go. Do you want to proceed? Yes. Let's go. Drop some sauce. Whoa. Y'all know about the If you're cooking, you know what's going on with the sauce. And if you're from the hood, you know what's going on with the sauce. Yeah. Yeah. It's a double meaning or triple meaning, which is kind of cool. Actually, it's really these many meanings and accents. Yo, what's going on, Albert? What you guys been up to? I love to hear from my members and stuff. Star. Yes, I know, right? Like just those little secrets are so worth it, dude. Like, yeah, dude. G Costa, MVP of the chat right now. Happy Friday, y'all. Dude, we are cooking right now. And Claude is clauding right now. And it's Claude is basically going to be using our new design system enforcer, but it doesn't appear to be using it, right? We'll see. It's currently reading the image, but I was hoping it was going to kick off a sub agent for it. I don't see the sauce right now, but let's I'm going to give it some patience and wait for it here. Let's see what happens here. Come on, Cloud. Is it me? Oh, yo, we got it. We got in the chat. Let's go. Let's go. Let's go. Review and fix UI. Yes. Yes. Okay. So now what we're saying is it's kicking off my design system enforcer which is all of this prompting stuff like 73 lines which is cool because that's my my my regular design system prompt is like several hundred lines and is going to have its own context window has its own dedicated agent with these specific instructions. And so I'm curious to see what code changes start rolling through so that I can go ahead and review them and see if it actually makes a difference because we're just trying to fix this like janky UI that I just tried to ship as fast as possible. And we're also trying to see if it can actually work on mobile a lot better because you can see on mobile you have to do this sideways scroll thing. And bro, I am not having that right now. But hey, I shipped so that that's really cool. So for for yeah, you can just basically click here and I should be able to like grab like a short or something and then just generate the transcripts and so it basically will do some processing on device and I figured out some secret sauce about web workers where you can have these threads. So I'm I'm basically trying to bring mobile development forward to the web and I I don't know all the APIs and everything so I'm kind of learning as I go. But uh basically this is an app that I would probably would have normally done like on iOS with swift UI probably with less lines of codes but like I'm trying to learn web development and I really want to really push myself to learn something new and so this has been a really fun experiment to experiment with databases on the web uh and play around with these different types of things to do uh, you know learning about all these different protocols and stuff that I have no clue about but we're learning together and I'm learning how to use cloud code to be my designer and hopefully we can kind of fix some of this this jankiness. Um, it's still going. Dang. So, it I I don't know if it's a uh Okay, so I wonder if there's some limitations that are going on right now with the API and maybe it's a little bit slower. So, we'll see. Cloud agents are pretty great. I've been waiting for this feature for a while now. Uh, I've made like 30 agent system for rue code. Bro, bro, do they kick off automatically or do you have to then tell them like I want to use this agent or I want to use this agent? Just really curious. Uh, insanity. There's so many use cases for this, dude. I'm telling you. I mean, did you see my poll? Like, if you haven't voted in the poll yet, make sure you go ahead check it out on YouTube. You can actually vote for which is your top agent. I need to actually log in uh and see if I can actually see how many people have voted on the polls. So, let me just go ahead and see if I could do that on YouTube. So, let's go ahead and see. I wish YouTube had like a stream manager for um let's see, studio. And yeah, I wish YouTube had a stream manager for um this stuff so that that way I can kind of see everything here and like actually manage the poll and stuff. So, studio.youtube. Let's see. Stream manager. All right. Cool. So, it's come back and it says it wants to do stuff. All right. So, you want to make a AI edit. Let me kind of get rid of this terminal for now. All right. Cool. Um, yes, these are all the code changes to the components. So, in this view file, um, I have my font increased a lot bigger. Maybe I'll just make it a little bit smaller so it's easier to see. I know it's going to be easier to see for me. All right, cool. So, what I'm doing now is it looks like it Oh, okay. So, this is the file that it generated and it's asking me to do the edit. I'm just going to do a quick cursory glance at this. And it is doing the whole divisible by the eightpoint grid system because previously you could see PY4, PY3. Now it's doing four and six. And it's actually adjusting for the actual mobile views and stuff as well. Okay. Okay. Okay. Let's go. I'll say yes and don't ask for the s the session. Okay. I like what it's doing here. Let's see. So now we have one of the code changes landing and let's just see if I can actually see this live right now. Okay, a lot better. A lot better. Okay, let's see if I can make this mobile view. Okay, it's improving itself. Uh oh, let me refresh it because it has to redraw the view. Okay. And then I maybe have to give it another screenshot for what it looks like on mobile. Yeah, but you see all of these now icons are now like the right size for previously like one would be smaller and then if the the file name was too long it would basically word like not do the right word wrapping. Oh. Oh, we're seeing this change in real time which is pretty fun. Okay. Oo, let me just refresh here. Wow. Yeah. Where? Whoa. Hold up. Hold up. Oh my god. Oh, I know what happened. It linted like all of my files. That's nasty. Oh, Claude. How do I Oh my goodness. Okay, let's see. All right, so we go back here. So, it's getting better for the mobile view because you can see it actually takes out some of the stuff. And that's probably the second iteration that I'm going to do, which is nice. You know, it just gives you the information you need kind of wrap some of the things here. And that's probably has not accounted for that. But for the desktop view, it's kind of nice. It's very reactive. And I like this a lot. You know, you can kind of see it kind of adjusting itself. That's pretty cool actually. I like this. It's nice because I don't have to do this extra prompting loop. I could just say it and you know once it's done something things once you're done coding this way you can maybe add a cloud code hook to say just do this type of task afterwards or something or make sure you always do a design review which would be really really cool. So um however I noticed the issue from the screenshot that it needs to be fixed and the table needs better horizontal scrolling and column width management to prevent file names from being cut off. So what's amazing right now is that remember how we saw one design I was like oh this is better and then when we were just live that that quick switch up what's happening right now is Claude is actually going through and doing a secondary pass on the output and reviewing am I done yet? Is everything solved from what the user was originally asking? And then it's thinking by itself and it's like oh if this has changed now this needs to change. let me go ahead and see if I could find it in the code. And that's kind of the advantage of using some of these sub aents because now it has more token windows because it only used 50k tokens to continue through and actually kind of making a better pass at it. And that to me saves me prompting time as a solo engineer. This is super duper helpful and super duper resourceful. And I I'm glad it's kind of doing this on its own without me really telling it to do what it needs to do. So now it's actually checking to see if it can run the server. and it did a second pass and now it's basically kind of fixed that. So it's like it fixed the table layout view, it fixed the file name display and remove the truncation in favor of break words to show the full file names. Nice. Okay, so we should now see see in in that couple of iterations like cloud code by itself figured that out. That's my favorite thing about cloud code right now compared to a lot of other agents is that fact that it's using that output. It's thinking it's coming back out. I'm starting to see that appear right now with cursor agents as well. And the AMP agent also does something like this as well. So the those are a couple of ones that I'm kind of seeing right now in the pipeline. But this is really really cool to see. Wow, man. That's a big improvement so far, you know. And if I'm in here, if I do like refresh, let's see if I can refresh it. Did my server Oh, I need to refresh my server. I made a whole bunch of changes. Oh my gosh, it ran linting on everything. Oh no. Okay, that's a different problem for a different day. This is why I created a different branch. Okay, let's go back here and we're basically on the mobile size. So, we should be able to see everything. And I'm going to go to all transcriptions. Cool. So, in here, can we get that same treatment for mobile? So, I'm just going to do this. Oh, my bad. See, my my habit is command shift 4 for the screenshot and I'm like doing this type of thing. But check this I have to do command control shiftn4 and then apparently that should put it into the clipboard which then I can copy and paste right into clot code. Right. So if I do this type of thing here and I get this and I'll say I just go back in here command V or controlV. Yeah, controlV. Okay. So man, this is a lot of different things. So, it's funny because I'm a longtime Mac user and I'm still learning things every single day. So, big shout outs to the everyone who's been in the chat and all the MVPs in the chat for for doing this type of thing and that's Gcasta. So, Gcasta is the one that came up with this thing and it basically says you have to do control commandshift 4, select the stuff you want to copy. It puts it into the clipboard and and then you can't just command V like you normally do on the Mac. For this specific command, you have to do CtrlV and that'll grab it from the clipboard and put your screenshot that you just selected in there. I can't tell you how much of a lifesaver that is, and it's going to be probably a lifesaver for a lot of other people who are in a similar workflow. So, you can just kind of move really fast, but these little micro things do help you a lot. So, I'm going to say, please do a second iteration. This is working really great so far. And I want you to do the iteration on the mobile view right now because in the mobile view, we need that same type of treatment for the titles cuz as you can see, they're very long as well. And so what I can also tell it is um I'm going to shift enter a couple times. I notice you ran linting and it ran linting on files that we didn't touch in the codebase. I want you to go ahead and review and discard the changes for the files that don't require linting. Right now, I don't want to check in all that code. I just want to check in code that we have specifically modified because all of this all of these files were touched when it ran the linting command. And then eventually I want to tell it some rules to go ahead and fix it itself. So go ahead and hit enter and let it do its thing here. So yeah, Herzfeld Labs, how's it going, man? Big ups. Yeah, good to see you on YouTube, man. I really appreciate that. I built a stock analyst. So many use cases for sure. Fire sub agents using cloud hooks. Dude, cloud hooks. I mean, so this is where it's all going, right? There's all these different ways of kind of stemming them together. I would always say start simple. Start with your own workflow. Start with something you use a lot because you're going to see the most impact. It's really tempting to go into these YouTube videos and see these people create like 50 agents, all kick off, do this cool thing. It's kind of like fun to see, but you're number one burning through your whole usage, right? Like, is it actually helping you generate better code? Usually, no, because simpler is better. And context window is a big deal. So, yeah, just keep it simple, y'all. I'm a little old school, but it is what it is. It's so weird being like a like a really young person saying I'm old, but I'm an old soul. That's the way I feel. I've gone through a lot of experiences. All right, cool.
So, this is going to undo those changes. Yes, please. So, these are the files I basically did not touch and I'm glad it's kind of doing that. And so, I think yes, we're basically back to that just one file that we changed in our code that had the changes for us. So, perfect. Um, has the changes. Let me run a llinter on just this file to make sure it's clean. And it's doing some command. It failed. And it's going to try to see if I can do some cool stuff here. So, I'm going to try to stage this change so that way I don't lose it. All right. This is cool. Yeah, this this makes more sense. And well, look at that. On mobile, it's already fixed. Wow, this is this is clean. I like this. Yo, not going to lie, this is nice. So, if I go the the sh Let's go, man. This is now looking like a professional app. One day at a time, right? This is all this is all I have time to do. It's like one day at a time. I'll work on one feature. But setting these types of sub aents are so helpful because now we're going to start to leverage the AI for future tasks. So I want to tell you some secret sauce right now. This is one part of a manystep story that's going to be happening. So part of the reason why I checked that sub agent into my project. I just realized this right now and I'm going to share this unlock with you. Claude can run when you have GitHub issues on the web. So when you tell it, I want you to go do this. I want you to fix my design. This exact prompt that I had to go fix my design prompt. I don't maybe I don't even have to give it a screenshot. Sometimes I could just say go fix it. It's going to run that agent in a container and it's going to kick off some of these sub aents as well to help you solve that issue. So by preparing yourself to use these in your app just as you do as like a human being eventually you're going to automate that away so that later on you're now sitting in GitHub issues you're sitting in a slack command you're sitting in somewhere else that will go write the issue in and then claude will kick off and start solving those problems. And
This is the workflow that I'm trying to get into that the cloud code team currently does and all the folks at Anthropic. I think it's like over 80% of their code is written by AI and more specifically by cloud code. So by leveraging that and their workflows, we get to bring that into our thing. I'm a solo developer. So can you actually be solo and be a designer, be a an engineer, be a project manager, be a person who orders pizza for Ray Fernando, make sure it's gluten-free. Thank you very much. Yes, you can, right? Because we start to define them slowly, right? And this is how you can leverage those workflows to do that type of thing. Holy smokes, this is really cool. And we only got one of these up, right? So, man, that's that's beautiful.
Okay, so it did the linting thing. It did this thing. I'm going to check in this code. This is fire. This is like it totally banged it out like almost in one prompt, right? Like I really just said do this. Here's a screenshot. Okay. Make sure we do the same treatment for mobile. Cooked. Absolutely cooked. Look at that. Damn. Let's go. This is gorgeous. You know, I probably would like this is a whole another bug to fix and we could probably do that as well. I have lots of bugs to fix. It's great. But shipping is better. Like shipping is better than perfect. I guess is probably my new term here. So, shipping my app is probably better than me waiting for it to be this perfect. Is a user going to care that much? No. They just want their transcriptions. They they came in here for a job. they're going to get their stuff and get out real fast. And so it my app has gone a long ways from the very beginnings from just being a super simple vibe coded app to like actually having accounts and having like this history and then being able to check this out. This is something that I added which I'm super cool.
Um, but basically it's like a multi-threading system. So in here I can take like a live stream. I can start to generate the transcripts and what's nice about it is now kicks off its own process. So I can review the other transcripts. I can come back to it and it still has its progress. I can go into here, view the other transcripts and do other types of work. So it starts to actually feel like a solid web app versus like you know just the straight up static page. And so this is something that you um have to tell like there's some keywords like called web workers and some other things that I've been playing around with which allow the task to actually run in the background. And I probably don't show it here maybe. Oh yeah. So yeah, I have a a web worker that's running in the background. So wherever I'm navigating, it's still navigating the background. Another thing that you may want to do whenever you have these web workers is you want to not block the main thread. So the main thread is basically where everything is happening in the user interfaces and any types of instructions. A lot of times when you're coding these types of apps, if you have a lot of processing like this going on, it's eating up tons of memory in the actual browser and the system is only going to allocate so much for you to do those types of things. So what ends up happening is that then you start competing with all of the user interface elements. And so if a user wants to tap a button or scroll around or do something, you'll see it really laggy, really slow while this job is being processed. And that's everything that's just happening on the main thread. And think of the main thread as just like the main highway of things. So if the highway only has one lane and you start to just have like an on-ramp that you put on and you're shoving a bunch of stuff into the on-ramp, all the cars that are coming are going to start slowing down and be super slow. So you want to get that stuff off the main thread and you can have cloud code help you figure that out and they could set up these workers that can run in parallel threads and then be more efficient about kicking off those threads and coming back and closing them. So that way everyone like now that you have an on-ramp, now you have maybe two lanes that help support those extra cars and resources that are coming through. You still keep the main ramp main like highway clear. And the main highway is all of your user interface elements. Anything that users are going to interact with, it should just feel like it's working while the other stuff is processing and happening in the background. So just a hint FYI, something that I just learned recently about how to apply this on the web and kind of what that looks like on the web.
Um, and so yeah, you never want to block the main thread. If you take anything away, don't block the main thread. And so you can ask those types of questions in cloud code to help you dig through your code or help me debug and see like I'm having a performance issue with my interface is really slow. Can you explain how this is currently rendering or can you explain what's happening on the main threads or whatever is happening? What type of processing am I doing? Just start asking questions right in your chat window. You'll start to get very far very fast uh with these types of things. So, damn. Damn, we cooked. Yeah.
Um, FYI, if you want to go Oh, McKay, what's up, man? If you want to screenshot without having to do the claw defaults, write comm Apple screen capture target clipboard in Mac terminal and it'll save you a control step. This is also a straightup MVP hack as well. So, Apple has these defaults that you can write and these are settings. Whenever you go and toggle something, you say, "I want this preference to be saved." Apple writes them to these defaults and you can actually modify them in the terminal. And so in the terminal, you just literally write that exact command. You know, you take out the little ticks and you just write defaults, write and you target that basically reverse global domain space. And my camera should not be frozen anymore. Uh once you do that, then you should be able to um like have this as a default for your thing. And so you can do defaults delete and then that com.apple.screen capture and that'll basically delete that specific uh you know that default that you just set. So if you're curious like okay I set this but I don't like it anymore you can say default delete and then com.apple the screen capture you know target whatever and that'll basically delete that default from you. So you can basically enable it by writing it and then disable it by that way. So that's a really great pro tip. Uh McKay that's really really great. Uh webdege cody 125 views on the live stream. I'm loving your growth, man. Dude. Oh, Cody, I love your content. I've learned so much about web development from WebDev Cody. If you don't know, WebDev Cody is a legend. And right now, what I like about what he's doing is that he's actually teaching you how to write software. And that's super important for this AI age because you want to learn how the software is made. And I wouldn't be able to get this far as far as trying to like sort of even prompt my way through if I didn't have some of this baseline understanding. And I would highly recommend you check out WebDev Cody if you're not subscribed. Probably one of the most popular subscribers here on YouTube or one of the most popular content creators on YouTube, especially for writing code. Uh he likes to try all these different things and it's definitely a must as well.
Um, yeah, I've been live streaming every single day for my summer of streaming, and I've been really delighted and surprised by how many people keep showing up every single day to to to hang out with me and and learn these concepts live. So, if this is something you like, definitely hang out some more. Uh, subscribe, definitely share with some friends cuz it definitely goes a long way to get more awareness out about what we're doing here. And I I really feel like this community is really great that we're building together, you know, just kind of hanging out. So yeah, been uh doing useful videos for so long. Yeah, dude. It's it's so amazing how much you can learn just from YouTube and I'm just so happy to be able to kind of share this back with everyone because I feel like, you know, the I mean, I have a lot of work to do and I by no means am like no like real expert, but I do love to like learn and share and play around with new types of things. So yeah, that's about Claude agents.
So, we basically just to kind of summarize real quick how we got here and what's really going on cuz I know there's some folks who are tuning in and I always like to kind of do that in the middle of our streams. So, um now that we're kind of done with this, we checked these changes in. I'm just going to go ahead and hit uh command control CRL C command K should clear things out and I do claude. So, this is where we all started. Friends and gentlemen, ladies and gentlemen, boys and girls, let's get cooking. So if we do slash agents, that's actually where we can manage and configure our agents. When we go through this workflow, we're going to be presented with any existing agents we have or any um agents you want to like modify or use. So we hit create new agents and then we can select personal or project. So in personal it'll keep them basically outside of our code repo so that we can always run them again. But I keep mines in the project for a couple of reasons more for the future of things. One is cursor background agents will allow you to kick off and use some of this type of sauce in the future. I'm trying to figure that out. That's a whole different live stream that we're going to go ahead and get into. Two, we're going to see if we can actually in the future leverage GitHub actions and anything GitHub related to see if we can tap into this future. So, I'm basically sort of investing early on putting these agents in my project so that later on somebody else can go ahead and grab this and kind of have its own little container to do sub agent work for us. So that's kind of my early investment there. So I select project and then we have a couple of ways of configuring. One is generate with claude and what we learned today is the fact that claude is going to use its own AI system and its own I don't know exactly what model it's doing but it generates its own AI prompt and it appears to have information about your code repo. I don't know from where but it's helping generate rules for us. So the first one that we designed was around design and design reviews. And so it grabbed some of my design review rules that we've generated over time in my repo and it actually incorporated them, but it didn't slam all like three to 400 lines of, you know, of instructions. It just kind of kind of brought them down to like about 150 lines, which is really important. And so that goes into our next thing, which is basically called context. So in the context window if you have like 200k tokens once you get to that 50% threshold of like about 100 tokens you start to really push the model and the outputs may get weaker over time. So you want to really be really preservative. You want to preserve your context window and sub aents are perfect for that because once they kick off they'll have like a minimal set of instructions with a more focused task and can better deliver results cons like more more times than not. So I'm always shooting for that nine out of 10 times it's going to get it right and if it doesn't get it right we can try again type of thing and it cla code is that for me right now. That's kind of why I'm preferring that and this is kind of where we're at with creating the agents.
So we do generate with claude and then here all we do in plain English is describe what we wanted to do. So I want a expert pizza ordering engineer to go ahead and order me a pizza. But we have to make sure it's gluten-free and it has to be able to use the web to find out how to do that. And I live in Los Altos, so it needs to be somewhere local so I can go ahead and pick it up for lunch. So, let's go ahead and go. Let's go. Let's go. You know, like this is going to be like the Mr. Beast moment where like, "Hey guys, I used cloud code to order me 500 pizzas and now I have to give them out to all the homeless people around my neighborhood." It's like, you know what I mean? It's like it's like one of those types of things like uh yeah, this is not that live stream, but maybe in the future, right? All right, dude. Drop the pizza emoji in the chat if you're all about the pizza right now. I feel like that's my energy right now. All right, let's go. Continue. All right, let's continue. Yes. And then in this one, all right, we got to have the red pizza, the pizza order specialists, because we're cooking with the sauce, boy. I thought you knew about this. And so this is my pizza order specialist. Use this agent when you need to order a pizza online for pickup, especially when there are specific dietary requirements like gluten-free options. The agent will research local pizzeras, check their online ordering capabilities, verify gluten-free. In the middle of my coding, I want to see if clot code can know that it I'm hungry. It's like, yo, it's 12 o'clock. Ry has been coding like crazy for the last couple of hours and I think he's a little hungry because like he's starting to yell at me and be a little bit more impatient. He's usually really nice, but then maybe he's hungry. I'm going to go ahead and get a sub agent on that and come right back. Ladies and gentlemen, that's how you know that we have artificial general intelligence. When these things start to really start to read our mind and really kind of read between the lines, I don't know, man. This is I don't know, man. This is his I don't know if I'm ready to hit enter on this right now. Drop the pizza emoji in the chat if we should hit enter and cross the chasm of us actually seeing if this AI is going to be smart enough to like really take us there. That's how we know they have really taken over because a couple weeks ago in our live streams, you remember this the Claude code hooks one where we had Claude code write the hooks and the hooks were too aggressive. So it self rewrote its own rule set using its own model and said, "Hey, you can't be I can't I don't have access to that. Let me rewrite the rules so it's a little bit more chill so I can go ahead and do what I need to do. I don't know about all that. I don't know about all that. Uh yeah, I don't know. Alberta with the pizza. Jeremy with the pizza. I mean, yeah. Okay. I don't know what the Okay, my credit card. It doesn't have my credit card details, but if it uses the Stripe MCP that's already built in, I'm kind of regretting that I have the Stripe MCP enabled, but it can use the Stripe MCP and use that money in that Stripe account. So all $10 that's in there is just going to be wiped out. Oh my god. Webde Cody with the pizza. Oh, you had a brunch with AGI, my man. Man, Pizza Plus+. Bro, I'm not ready for this, bro. What are we cooking? Bro, we're about to order like 10 million pizzas and I don't know what's going to happen right now. So, let's go ahead and go. Let's go. All right. So, the pizza order specialist is here. We got the pizza orders. Let's take a look at these instructions. I'm really curious now. I'm like super duper curious. Let's see. I I don't know if I'm ready to read this, but let's see. Bro, what does it know about me as well? Okay. Use this agent to order gluten-free pizza. Like if it writes code to like spin up an 11 Labs voice and then starts to talk to the thing and starts to do its own feedback loop. I I don't know what to say. I don't know what to say. I swear to God. You're a pizza ordering specialist and expert at navigating online ordering. You will low-key I want to run it. You will prioritize restaurants with good reviews and gluten-free options. Bro, this spec is fire. Handling edge cases. If location is unclear, request specific address. Okay, I think I think we're unleashing a monster right now.
[Music] Let's go. Let's go. Yo, I'm starting to get really hungry and I think I lowkey need a pizza. Let's just see. Let's just see. I don't know if I'm ready for this. I don't know if I'm ready for this right now. I don't know if I'm ready for this. Ah, no way. Oh, wow. Wow. Bro, if the FBI shows up in my chat, I I can't right now. I can't. Oh, burger. Heck yes. Oh, burgers right now sounds so good. Chat cursor over VSC root code. What? Dude, 20 bucks a month. I don't know if you know this, but the 20 bucks a month plans are over, bro. No one's doing 20 bucks a month anymore. You have to come in with this highkey $200 a month plans if you're going to be uh agentic coding. But, uh, all jokes aside, uh, 20 bucks a month plan, cursor, VSC, I don't know. Like, I think I think the conversation should be more about Oh, dang. I'm going to give it access. Yes. Go ahead and go search the web. Reuben, I think our conversation here is like I kind of had a live stream about this, but like are the 20 bucks a month planned codes dead? Yeah. And it's now about two different camps. Are you a tab to code person, which you're hitting tab to code and you're kind of going along, you need some AI assistance, or are you aentic coder person? So I feel like if there's those stats on like you know Ray Fernando like engineer status like tab to code would be like very very little like minimal and then like agentic coding would be like to the max like breaking the threshold and expanding beyond and so if you're going to be doing that you're going to require a lot more compute and you have to pay for it. So these days basically what all these companies are saying it's like nah you can't you can't get that compute it's going to cost you 200 bucks it's going to cost you $100 it's going to cost you $69 you know from all these different platforms because you're going to be spinning out doing lots of tokens so think of it that way you know if you're a tab to code type of guy you want to remain more in the code there are really good options and cursor is really great along with these other ones right just to tab but I think cursor has the best tab model to be honest and it's not a bad place to be right now if you want to actually just get away from the AI coding cursor 20 bucks a month huge deal if you just need tab you want to look up documentation that's going to teach you a lot more about debugging and doing all this stuff versus being straight up 100% agenda coding so I would look at it now in those two like the the paradigm has all changed like this is probably the last month this is kind of last couple months this is kind of where it's going to now so just I just expect that so we're we're basically ordering a pizza and it found blue line pizza that's Like here right in town, bro. What? Oh my gosh. I found a great option in Los Altos. Spot a pizza place this closest near to while State of Mine offers Detroit style pl pans. Uh, Blueline Pizza is nearby Mountain View and has the strictest gluten-free protocols if you need that. Would you like me to help navigation? Oh, yeah. Let's go from Blue Line because they have the strict protocols and I need that because I have celiac disease. Oh my goodness, bro. This is too crazy right now. This is crazy. So, not only is it going to help us with code? Oh my god. This is so dumb. That's so good, though. It's not dumb. It's kind of smart, but dumb at the same time. It's dumb though. It's not I think I'm dumb for asking it to do this, but because I have the Claude Max plan, I can literally max out. Oh man. So, oh, so Oh, man. I I'm I'm Yeah, we're doing this right now. Let's go. Let's go. Who's got five out of in the chat? Drop the five. Oh, man. Tell Claud he's got to cover the pizza and then you'll get him on the next one. Hey, that's what I'm talking about. You're that type of friend, right? Oh, man. I don't know if I want to be your friend, DW, if you're if you're like that. Get that drone delivery option. That's what's up, man. That's what's up. Yeah. Oh, man. That's so cool. YOLO mode with Puppeteer. I'm Bro, we're so close for this. That's why I'm still asking to approve. I'm not saying yes for everything. I'm just saying yes as we go. So, I'm so impressed at how good it is. And like, all jokes aside, though, for real, I really do think there's a a good workflow here. And here's what I'm thinking. Our vibe coding friends who are in marketing, who are not into code right now, are going to have a field day with this, and they don't even know it. Is that a good hook or what? The reason why they're going to have a field day with this is because like these marketing bros can hook up their MCPs to like their finance stuff. They can hook up their MCPs to their notion notebook. The MCPs can talk to these sub agents. And so the sub agents can now have instructions for like YouTube script writing. I have a whole workflow that I have in Claude as a project. So I don't need Claude projects anymore. I have Claude code. Each of these sub aents are technically a clot project for a very specific amount of work. So I can say go to my MCP server and go to my notion notebook and always look for this database which all of my like you know transcripts are for all of my different videos. And then I want you to use those transcripts to scrub through them and start to like come up with some cool hook ideas for these types of things. And then I want you to take some of my other notes over here for today's trending topics and kind of scrape through them as well. This is how we're getting started and this is like sub agents feature not only related to code but how it's expanding on these different things. Right now what we're actually realizing is that jokes aside this thing is actually has the task to order a pizza that's gluten-free cuz I have celiac disease. It asked me about that like how important is the gluten-free stuff for you? I was like bro it's very important. It's taking these next turns and actually searching. It's about to place the order. Oh my god, bro. I can't I have to stop it. I have to stop cuz the next step is going to go hit that stripe endpoint and I'm about to Oh no. Yeah, I'm a marketing advertising bro. I I see you, bro. I see you out there. Yeah. Well, claw code is the MCP could use sub agents. I love what you're doing. This is exactly what I've been looking for. Lol. To stop the order. That's why I did not yolo approve dangerously approve cuz I always want to be involved for now cuz we I know from my previous live stream with the hooks live stream that this guy goes up in the chat and then it can rewrite its own instructions. When it starts to do that, I know this thing has mega superpowers that I swear to goodness this is going to be woo. Oh. Oh wow. Okay, this has been a wild wild ride. Damn. Damn. Damn. Damn.
Okay, so we got a whole bunch of stuff that's been going on here and I just have a lot of stuff to catch up on in the chat because there's just been so much going on and yeah, this is far better than GBT agent so far. It's lowkey because it's kind of more in the background type of thing. Obviously, we're engineers and we like to tinker with this stuff, but I'm pretty sure no one is like ordering a pizza right now. Like this has just come out in the last like 12 hours and I don't think anyone's thought about doing this. Oh man, dude. This is this is really really cool. All right, so let's kind of rewind this a little bit. Let's kind of calm down a little bit. I need I need to get back in the frame. Let's go. Oh, I I need to escape this chat because this thing is about to get so dangerous right now. We're at the point where we're able to use a pizza order specialist as a sub agent, search for gluten-free pizza. It's gone as far as like going to Toast Tab and actually place the order and it listened to all my instructions and it will do that. I need to probably go ahead and just remove this specific agent specialist that I had cloud code generate because in the future if it thinks I need a pizza, it's just going to go and order the pizza. Oh man, it's a good thing I didn't give it extra crazy permissions and stuff like that. So, uh, a cloud coding for you and ordering a pizza in parallel. We're approaching the next level. I feel like that's the screenshot. Like I need to have like the actual pizza box and everything and like do the whole viral thing where like you know I was coding with Cloud Code today and it ordered me a pizza by accident. It just didn't order me one. It ordered me 500. It's like uh Yeah. You need a pizza ray. Yeah. So I don't know if you know but today's Friday and I need to go get a pizza. So yeah a nice big pepper pepperoni. Yeah. I like I like a combo. I think combo pepperoni. All of those stuff's really good. Um, with the gluten-free stuff, there are a few places like State of Mine is really really good here in Los Altos. There's also Yeah, like the Blue Line is delicious. Super duper good uh in Mountain View. So, all right. So, we we've got covered a lot of stuff and I think we can have enough to go ahead and cook with our agent. I know we didn't get into crazy details, but one of the things I'm really excited about is that you can just tell it in plain English what you want, right? I didn't have to go and generate these crazy long documents. I didn't have to go and like figure out these other things just in plain English. I can actually describe what I want this agent to do. And it writes its own instructions and it's really, really, really good at following them, which I'm really impressed by. So, don't be afraid. All you have to do is hit slash agents, start the conversation, and then you can put it into your project, and that'll be a good way so that in the future you can kick them off with a GitHub workflow that you we can probably get into a little bit later. So, this is a multi-step series. And if you're not a member, feel free to join to help cover the cost of my gluten-free pizza because I'm about to pay bank for this whole thing. And you can do that by going to youtube.com/raffernando. And in there, you'll actually see the ability to join my membership. And so my membership, all it is is just $6.99 a month right now. And I'm trying to aim for my first 100 subscribers. I'm basically right around like 73 or so. And once we re reach our first 100, we're going to double the price for folks to get into the Discord. So right now, it's a pretty much you're you're the earliest people who have discovered me. And I want to give you a hat tip for discovering me. And it has come a long way. I've literally started streaming uh every single day starting July 1st. and we've grown quite a bit. And just getting this information out there, even if you can't afford it, just to share for free to other friends is also very helpful because it helps you find other people who want to learn more about this information. So yeah, if you're into AI coding, if you're into just trying to make some apps, uh, I'm a solo developer and right now I'm as a content creator, I'm making tools for myself as I go. And so one of the recent discoveries I had was the fact that transcripts can actually be a huge SEO boost. So today, everyone's going to be searching for sub agents. And my entire transcript today is filled with all these sub aent keywords that these basically search engines love. And so after the live stream, I'm basically just going to log in, transcribe the whole thing, and because uh I have some additional tooling inside of my app to have these custom words and dictionaries, I'm going to be able to pick up on all these extra keywords that are normally like actually misspelled. So, in the custom dictionary, all of these keywords are what people are actually typing into Google Bing and so forth. And if you type in chat GPT, you'll actually see like, you know, my stuff sometimes like some of my stuff shows up. But other people's keywords, if you're ever scrolling on TikTok, it'll say chat GB cuz they'll say some people pronounce it as a B or Grock with a K or Grock with a Q or, you know, it'll just be all kinds of misspelled. It just doesn't know a lot of different things. So, a lot of these types of stuff actually help it in its whole thing. And as you can kind of see, this is like a tool that I I built for myself and have been building over time. As I've been building this tool, it's been helping me share back knowledge with you. And this is something that I do for free here as part of this type of thing. And if you want to take it to the next level, the community is a great place to do that right now with all the members that have been joining in. Uh, you can chat with other folks who have joined our community who who are doing that. And you know, I want to do more of those types of things. Also, let me know like if you're from the Bay Area or you're from Hawaii and would love to do some meetups here in the Bay Area or Hawaii so that we can kind of all hang out uh and share some knowledge and cross-pollinate which would be really really cool. Also, I want to see if I can travel across the US which would be kind of fun to like if there's a bunch of folks who are in certain places like New York or something head on out maybe do some type of meetup or something like that which would be super duper cool. So yeah, this is the app that I'm working on and it's been it's been really fun to kind of learn more about like web development and how this stuff kind of all comes together if you know what I mean. And of course I'm using Convex for the database because it's so freaking amazing. And you know um I'm actually looking for uh sponsorships by the way. So this is I'm going to be reaching out to a bunch of my favorite companies. I use like I use Vzero a lot. I use Convex. I use Versell. Um, I use some Cloudflare stuff as well. Um, and so what their sponsorship is going to do is going to allow like my channel to really grow even more. And I'm looking to see if I can, you know, cuz there's no way that like I can get enough membership to have like a $10,000 Mac covered or like a $40,000 robot, you know, completely covered with everything. So, uh, these sponsorships can help cover a lot of these types of costs for things that I really want to do cuz I really like had so much fun programming a robot with my friend Butoshi that like I want one of those types of things, but like those like start at 40K and they go up even crazier prices. So, having a sponsor really helps cover these types of costs where I would normally have to have like millions of members or millions of people subscribe to the channel. And I I think I think it's going to be really cool just to share in real time. Speaking of tinkering, some of the tinkering toys that I have with me right now um are this cool like this display thing. So, I'm going to be taking a look uh I don't have my ESD stuff on, but I'm going to try to see if I can get as far as I can to show you what the board looks like. And in this board, we're going to try to see how we can programming it using some Python and things. And in there, you can I don't know if you can kind of see I'll have like some secondary cameras like looking down, but you can see how we're going to kind of set up our own little board that's going to like connect to some NCPs and show some displays and stuff like that. Uh, and I have a little battery pack and stuff and going to get you through like configuring some Python environments because Python is typically really challenging to set up consistently, but I have a pretty good consistent workflow at rayfernando.ai. And so these are kind of some of the fun projects. Like even doing a project like this where I do like a mini workshop in person would be kind of fun in the Bay Area or like in Hawaii and stuff. Uh, and so definitely appreciate everyone who's been able to to do these types of things and show up for for for us and also participate by helping us uh here in the community. Uh, so I just want to kind of close out with some of the member chats and any questions if you have. You have any questions just drop them right now. This is your time to kind of chat with me and kind of catch up. I am doing a membersonly live stream tomorrow. So, tomorrow right around 8:00 Pacific Daylight Time. I'm basically just going to do like a onetoone with anyone who's a member. You can just hop on in. It'll just be a members only stream. And so, there we just kind of have our own free time to chat. So, this is a good time to become a member if you haven't become one yet so that you can kind of join in on that live stream and just ask some more questions and, you know, answering your stuff oneonone. Cloudco destroyed my pizza by ordering this one weird topping. How about meetups in Europe or Thailand? Dude, I'm so down for Europe. I have not been to Thailand, so that'd be really cool. I would love to know more about that. I'm a computer science student and I always see Cloud Code on my 4-year page. I ask people about and they say that it's expensive. Is cloud good for people who have a tight budget? If you have a tight budget, if you're just getting started, you can also try like Google Gemini Coder. Like it's free. I think you get so many thousands or almost like a million tokens per day or something like that. So that's something to get started on. It's I mean cloud code is probably like the best model right now. But I mean I feel like if you're just getting started, you're probably better learning off some of the basics of the coding stuff and using AI to kind of teach you some of the fundamentals so you can kind of leverage that, you know, to go further. And wherever you get stuck, you know, all of these agents are really good at debugging. So you have a great heads up there. Uh cloud code in the background connected with OMI device. Can we can claw code in the bench drinking a mojito. So what you're saying is if you have he's talking about this wearable that you have and because it's listening in all the time, you can set up an MCP that can go kick off a sub agent. So it's listening into your conversations cuz you're wearing it all the time. So imagine like you're saying, "I'm hungry. I'm thinking about ordering a burger." And like it hears burger keywords and it starts to like figure out some stuff for you and can display it on your phone or something like that. That's kind of cool. I feel like that's where the future of some of these devices could go. They're very niche. Um, that's not my main experience because I'm always more intentional than like having an AI. Like I don't need to delegate that task. But yeah, I mean it could be helpful for research. For me, especially with celiac disease, when I go to a new place like New York or I go to like a new place like in Southern California, I don't know the restaurants. I don't know the lay of the land. And my problem is like I have to talk to the chef and say, "Do you fry these French fries or do you fry some type of, you know, whatever the gluten-free item is with other stuff that has flour or wheat?" And like I can't tell you how many restaurants I have to walk away from because they don't have that type of safety, right? So, um, having an agent that can do that for me is actually very helpful. Uh, so yeah. Uh, such a sweet live stream. Going to try out the cloud code today. Oh, thank you, Ashita. She's also building. She actually went from zero to like seven Apple rejections to get her first app in the app store. So, I think she launched an app that you should go ahead and check out on Product Hunt. It may have the link down below. So, that'd be really cool. Oh, you're in the Bay Area, too. Cool. Yeah, I got to do a meetup. Also, I have to do this little like funny like dance. I'm in New York, obviously. Let's do a meet up when you're in the area. Let's go New York. Hit him up. New York. Let's go. Uh who's who's in NYC? That'd be so cool. I just want to fly out there just to go see people. uh put screenshot to your clipboard. You have to press control key after the selection. Yes. So, normally I do command shift4 and I have to do control commandshift 4, but also McKay Wriggley drops some defaults. So, you can do a defaults right so that you just do your normal screenshot combo and it'll automatically put it to the keyboard. So, you don't always have to do the song and dance. The other part of it is when you're pasting it back into cloud code, you have to hit controlV instead of commandV, which which is what I'm used to. So yeah, I'm I don't know the keys. I just have been doing this so long. I just know the like you know what the what the fingers are. So if you see me talk like this, that's kind of how I'm talking. That's what that's what I'm thinking in my mind. Are you going to make any more agents today? One last one would be fine as soon as I can get uh to the live broadcast. Oh yeah, if you're re-watching the broadcast, even though it's live, you can actually rewind it back. It won't have the time stamps, but probably shortly after this video ends, I'm going to run it through my processor, and it's going to just generate the timestamps for you. And that way, you can kind of go back and see the exact spaces. But, uh, I need to get some lunch. Literally, some gluten-free pizza. I got to be careful what I say around here because this Cloud Code agent is listening to me. And I swear I swear I Yeah, that's is Isn't that the weirdest thing that you have to be careful what you say because these AI agents will start to listen like if all of them are listening all the time. Okay, I'm not really trying to incite fear, but I'm just trying to be funny. But yeah, like that's not what I mean though. Yeah. Uh analyze 50 stocks. It only costs 20 cents. I want to do some stock analysis because I it takes me a lot of time and I still do it by hand. Uh but this is something I do all the time. like at least every quarter I take a look at all the the you know what's the trends what's going on what's going on in the bond market what's going on in all these different categories to try to get a sense of like oh should I be you know reallocating some things and kind of seeing what's going on so that'd be a fun exercise is there a curo there's also kuro which is free cloud sonic 4 oh yeah I don't know how how much free it is but that'd be really interesting and the Gemini context windows 1 million so great to start with yeah I'm curious to see if anyone's had a lot of luck filling up that context window for Gemini. Right now I fill up my live streams with it. Like the most I've had is 150k tokens and it does pretty well at finding time stamps and stuff like that. So yeah. Oh, Portugal. I was just there. Great for vacations. Yeah, I was in Portugu I went all over Portugal and that was that was Portugal. And then the food is really good from an American perspective. Everything is a lot cheaper. So I was really surprised to be paying like literally like I don't know like four or five bucks for like some amazing food. Uh, so that was really really cool. So awesome stuff. If I can help with the CLI, if I can help with the Celiac stuff for sure. Yeah, cool. If you can go into tab to code versus the more agentic direction in the previous live stream. Yeah, let me launch into that right now. So I don't know if you know this, but if you're trying to use these AI agents to code like this, you just basically vibe coding is what most people call it, it's going to cost you quite a bit of money to do these types of tasks. Now, so a lot of companies are now like cursor has a $60 a month plus plan that's not really on their main website. You'll have, you know, um I think GitHub Copilot has a now plus feature that can generate code in this agentic window. Lovable, all these ones have like usually it's like $40 to $60 to kind of get started just with aentic coding. And if you're doing 20 bucks a month, they'll have these features where you can either use an older model or you can like tab to code across you your way into, you know, using um into writing software. And so traditionally before AI, you would just write every line by hand. And then GitHub copilot came across with their type of thing which would basically, you know, fill in the code for the next line which was super magical. And then that cursor came across and they came up with their own model and it became really fast. And then you used to be able to just put stuff in a chat window and slam everything in. Now what what these models like Claude Sonnet 4, they become so expensive to use, these companies are charging larger dollar amounts. And to do the same task that you used to do for $20 now, like to be an agent coder basically just means that you're going to be paying, you know, at least 200 bucks a month at least, right? Typically, if you're paying out of pocket beforehand, people were paying thousands of dollars a month and you could still do that. And there's some products out there that are really good at that, but you're going to be like looking at 200 bucks a month. So, you have to kind of depend on like what your sliding scale is. If you're an engineer and you're like paying like $5 for a coffee every single day, these types of tools help you so much. And paying 200 bucks a month because you already have a high paying salary can actually be very helpful for your different types of workflows, right? So, you just have to figure out like where are you in your life and what's your profession, how much you're going to benefit from it. A lot of these plans let you get started for free or they have a generous twoe trial or they even even just starting out at the 20 bucks a month and going up as you need it is pretty cool. And so, you want to see how you can incorporate this into your workflow. And for me, I've been gravitating a lot towards cloud code, mostly because of these types of little feature drops that I can enable me to be a single person engineer, but then have some of these other stuff delegated, right? You know, doing a design review, doing a code review, doing a debugging review, doing a research task. So like I want to make one that's going to do a research task. Technically, we did a research task here, but for ordering a pizza and you saw the details in which how good it was at just going out for that task. It didn't involve my codebase, but it's really good at searching the web in multiple steps and reasoning. So, imagine if you had that for your code where it would start to grab snippets of code, see what you have, start planning features. That'll be really cool. We can make another sub agent to do planning, you know, just literally start planning that would go do research, kick off the sub agents for research, come back, you know, with plans and do all these types of things. I mean, there the possibilities are endless, but don't go too crazy. just start with something basic and then add on saying I do this a lot. Let me see if I can turn this into a sub agent. And we turn that into a sub agent in like probably I mean obviously I had to walk you through it but you can probably do this in like less than 90 seconds. Just next next describe what your thing is. Use some type of transcription thing saying you know I want a agent to do XYZ review documentation. Do some research and then just let it do its thing and just start using it and then tweak it as you go because now you have the markdown file. You could tell it to improve the file saying this is the output that I got. I want this output to be better. How can we make it better? This is some something that I prefer that you like to do or something like that. And they'll just rewrite that document for you. The possibilities are endless. And you can spend hours and hours. But I would just say keep it simple and kind of go from there. Yeah. So yeah, that's what's up. Ray Fernando 1337. I really appreciate everyone for joining in. We've had a lot of people on the stream live. This has been really fun to cook with y'all. I love doing live streams. So, I will be on tomorrow for my members only at 8:00 Pacific Daylight Time. If you're not a member, you can just feel free to sign up on the YouTube, Ray Fernando 1337. Hit that little join button. I'll have a link in the description as well, so that way you can join in from there. And I will see you guys tomorrow. Hopefully, I won't have like 500 pizzas to get rid of.