How I AI - Computer & browser use in Codex (5 real examples)

Starting point is 00:00:00 One of my favorite guests ever, Jesse Jinnay, said that AI was great for moms because mom's hands are always busy. We're always doing something with our hands and we do not have time to talk. Now, in that episode, she was talking about the benefits of chatting with AI. But in this episode, which I'm going to lovingly call look maw, no hands, I'm going to talk about browser and computer use, the way that you can let AI navigate your computer and navigate websites to get work done on your behalf. Browser and computer use have gotten exceptionally good recently, especially in my experience with Codex and the GPT 5.6 models. And I'm going to show you a builder use case, a productivity use case, and a personal fun

Starting point is 00:00:43 use case that I found super useful in using computer and browser use. Let's get to it. This episode is brought to you by Runway, a new kind of creative platform that has everything you need to generate any image, video, or piece of content you want. all in one place. With Runway, it's now possible to go from initial idea to a finish deliverable in a matter of minutes. From turning low fidelity product shots into campaign-ready imagery all the way through putting together big brand films, Runway can help your team scale your creative ambitions while keeping your budgets and timelines from doing the same.

Starting point is 00:01:21 Runway brings together the world's most advanced AI models, which is why enterprises like Microsoft, Robin Hood, and Adobe, along with studios like Lionsgate and Legendary, all use Runway to ship real work every day. Try it yourself at runwayml.com slash how IAI. promo code how I AI. Okay, before we dive into how I use computer, use just a refresher for anybody who's new. In case you missed it, these LLMs, your AI chatbot, can control your computer and can control your computer. And can control your browser. Now, there have been a class of AI native browsers that have come out in the last year, thinking about perplexities comet or chat GPT's Atlas, but I like to use browser and computer use directly through Claude or in this instance, Codex. Why have I used Codex,

Starting point is 00:02:18 specifically the Codex desktop app, or I guess we're calling it the Chad GPT desktop app these days? well, it is just the best at controlling my computer. And if you didn't know, it can control the mouse, it can control the keyboard, it can do all sorts of things. So imagine you have a virtual coworker and that coworker can put its hands on your keyboard and get stuffed on your computer. That is what browser and computer use can do. Now, this sounds really scary, but in fact, it has been one of the most life-changing features of AI, certainly professionally changing. but has also reduced so much personal toil and personal digital toil that I had to tell you about a couple of the use cases that I use because I literally use this every minute of every day.

Starting point is 00:03:09 Now, invoking browser or computer use is pretty simple. First, you have to have those desktop apps installed on your computer. So whether those are the Chad Chubit desktop app or the Claude desktop app, you need those installed. If you want to use the browser, you need to have the browser extensions installed inside Chrome. I don't know if they work for these other browsers. I just use Chrome and I know they have browser extensions. So you can just search for, for example, Codex browser extension or quad browser extension, make sure they're the official ones, and then install those. And then these two things together, the desktop app plus the Chrome extension can really allow your computer plus

Starting point is 00:03:50 AI to do a lot of work on your behalf. Now, it sounds really simple. Let your AI use your computer. But the trick, and this is the how I AI sort of mantra, is you have to find a good use case for browser use. And having used browser and computer use for a while, I think I've come up with a unique and interesting use cases that maybe will inspire you and give you some ideas about how you can use it in your work and life. We're going to start with a use case out there for all the coders and all the vibe coders and all the professional software engineers, which is using browser use alongside a coding agent to validate changes. Now, this is very simple, but one that I use quite a bit. So what I'm showing here is the chat PRD onboarding flow. It's just a step by step where you fill

Starting point is 00:04:39 out your profile. Let's say I was working on some enhancements on this feature and really wanted someone and by someone, I mean GPT, 56 sole, to validate that all those features work really well. Now, I could write what AI loves, a smoke test. I can definitely test things on the back end. I can definitely write tests for the front end. But what I really want to know is, is it usable, can we use it? And so what I might do here is say use browser. And there are three ways you can invoke kind of computer use in codex. You can do at browser. That will pull up use of this side browser window. There is at Chrome, which will use the Chrome extension to manage Chrome. And then there's at computer, which lets it manage the whole computer, just, just so you know.

Starting point is 00:05:30 But I'm going to say use browser, because I'm already logged into my local host over here on the browser. I'm going to say to test the open onboarding flow for usability. and mobile responsiveness. Please screenshot as you go and make a Google spreadsheet of any issues you identify. Okay, so I'm going to click, submit, and let that run.

Starting point is 00:06:01 And what that's going to do is spin up the browser skill, which is embedded in codex, and you'll actually see this little cursor start to go over to the browser side, and walk through the onboarding flow. Why I think this is useful is this is how I would test if this is working. You know, I would go through, I would click, I would test all the drop downs, I would change

Starting point is 00:06:24 the viewport sizes. And what's really nice about browser use in this instance is all of that can happen automatically. I can just sit back and watch it go. And I will tell you it's really fascinating to watch these things go. if you have looked at that little glowy cursor and watched it bop around your website, click things, test things, you know the magic feeling of this particular AI feature. Now, what I love about using browser use specifically for QA purposes is it is exhaustive

Starting point is 00:06:56 or it is more exhaustive and organized than I as a human would be. I don't know about you all, but when I am QAing things, I like to do the Happy Path QA where it's like, yes, I fill out all the form fields, everything. that's required. I click next. I don't get tired. I don't go back. But you can see here my little glowy codex browser icon, it's going to be exhaustive. It's going to test signing up with a team. It's going to test signing up as an individual. It's going to fill out form fields. It's going to try for aerostates. It's going to do all these things that you wouldn't probably have the stamina or organization to do if you were like me a little late in the afternoon after coding and asked to sort of manually

Starting point is 00:07:38 test your web app. And so what I really like about this is its ability to be exhaustive. Now, if I were being a little bit more organized, I would probably have it come up with a suite of test cases based on the code, then go through those test cases kind of specifically over time. So I knew it was being exhaustive. That being said, you know, side tip for some of these newer models, I actually found that under prompting these models gets you a much better effect than over prompting them. And so because they're so intelligent, you can literally just tell them QA the onboarding flow and it will do a much better job than saying QA these 25 things in the onboarding flow. So a little tip under prompt your frontier models,

Starting point is 00:08:22 let them use that intelligence to come up with their own plans and do what it wants to do. Now we're going to watch this a little bit and what I like about what I've told it to do is it also is being asked to look at responsive design. Even seeing here, I see an issue with the right hand of the browser. I'm curious if that's actually an artifact of how this responsive browser inside Codex works, or if it's an issue with my responsive design, we will see. But you can also see that it's changing the dimensions of the viewport to the size of the monitor to match laptop size. It's going to show matching a phone size, all those things.

Starting point is 00:09:05 Again, things that I could technically do manually. that I really don't want to do. I'm not at this run and then I'm going to show you one other use case as a builder that I think is a little bit more unique that you might find inspirational. Okay, so something interesting here, it did find an issue. Now I'm a little embarrassed because this onboarding flow has been here for a while. It surfaced one blocking issue, which is if you don't select anything on this page, you can still click continue, but it won't move forward because one of fields is required, but there's no validation code in here. Now, again, the reason why this bug exists is because I always tested this flow as a human and I always clicked the required buttons. So again,

Starting point is 00:09:51 these benefits of having AI test your flow is it will test failure states as well as success states. It actually bubble up edge case bugs that you might not have thought of. And so it's going to continue through and actually work and go to the next screen. I'm curious. if it will spin up mobile testing next. Okay, you can see now it's also switched to mobile testing. Again, this is something I would probably give a cursory glance to, like I would make the browser smaller and then kind of click through stuff and make sure it works. But what I really love about browser use is, again, it's going to be just a lot more exhaustive.

Starting point is 00:10:28 It's going to look at things like accessibility. It's going to look at overflow. It's going to look at touch targets, all that kind of stuff. And just has a much more organized sense of what, makes for good mobile testing. Okay, so it wrapped up. It found 11 items, including one high severity navigation blocker, the one we talked about. And now this is one of my favorite things that I do with AI is I just haven't made me a Google sheet or a Google document. And it's going to make me one with this prioritized. And then what I can do is use that Google sheet as a tracker to kick off a bunch

Starting point is 00:11:01 of fixes and track the status of them with subagents. So again, this is a very comprehensive QA that was done. I get this beautiful list of issues that came out. I can get those fixed ASAP and it ends up in a sheet. Okay, so it wrapped up and it did everything I asked it to. It tested it in desktop and mobile. It gave me these beautiful screenshots telling me what work. And it even made a spreadsheet. Let's see if this spreadsheet is actually, if I can pull it up. So I love this flow, this workflow, which is to have codex make you a spreadsheet of issues that then it's going to go fix. And so it has this nice summary. It found 11 issues, one that was high severity. It listed out all the issues. Again, this is really useful for agents because it has all the information it needs to reproduce the issue. The

Starting point is 00:11:51 viewport, what the issue was, what the steps are to fix it, and then how to remediate it. And then look at this. It put all the screenshots here in the spreadsheet so I could reference them and even compare them two fixes. So this is just a very practical use case of browser use that I think is really nice. But what I want to show you is the same thing, but a slightly more fun use case. So I'm going to go in here. I'm going to go to the core of chat PRD. And I'm going to show you a use case that my husband came up with. I have to give him credit. My husband, E.J. Lawless. And he uses browser use to impersonate specific personas of his applications and then give feedback as the person. So let me just give an example of what this might look like. And I'm going to pull up monologue and just

Starting point is 00:12:38 speak my prompt. I want you to go through the core of chat PRD's chat and document creation mode as two different personas, actually three different personas. I want you to do one as a product manager trying to quickly create PRD for a feature that they just got out of a meeting about. The second thing I want you to do is impersonate a engineer who is taking that already created PRD and trying to make a technical spec out of it and eventually a prototype. And the third thing that I want you to do is as a team leader, try to figure out how your team is using chat PRD. I'm going to give you no more instructions than just that. I want you to go through those three persona use cases and flows. And then I want you to create a doc providing research style critique about the overall experience, including friction

Starting point is 00:13:35 points, places of delight, and improvements you think we can make to serve those three personas better. Okay, so I got that prompt in. I'm going to click enter. So just to like reiterate what this is, if you have personas and you want to test against those personas, now, like I'm not a big synthetic user girl, but I do kind of like this framework. We used to always do this with our prompting where we're like, you are a genius product manager or you are the best software engineer in the world. Now I'm using that, but I'm using

Starting point is 00:14:05 browser use and saying you are a persona type. Use my application as that persona and then give me research as you go through the browser experience about what you like and don't like. So I'm going to let that run a little bit and then I will show you what we come up with when it's done. As you can see here, it's going down the PM path. It just put a Facebook. prompt in that says, hey, I just got out of a customer design meeting about a decision digest feature in chat PRD. Here are the problems. Here's like kind of what I want. Here's some open questions. And now it's watching chat PRD create the document. I'm really curious if it will actually analyze the quality of the document itself or not. You know, it's giving me good positive feedback as we

Starting point is 00:14:48 go. But we're going to watch this. We're kind of like speed through some of the browser use. I will say one downside of browser use is it's kind of slow. So honestly, when this is running, I typically open up something else on the side and like work on something else as the browser is running its flow. But it's going to go through and give me an analysis as that first persona and then we're to see it work through the rest of them. This episode is brought to you by HyperAgent, the platform for deploying always on agents that actually run your business.

Starting point is 00:15:19 With HyperAgent, you build agents in the cloud and deploy them where your work already happens, like Slack, Telegram, or email. An agent will scan your inbox and draft replies to vendor follow-ups, another monitors, competitors, and spins up rich ad kits and landing pages. A third notices a deal going cold in Salesforce and writes the save email with full account context. These aren't chatbots waiting for a perfect prompt. They're proactive, learning your preferences, retaining your playbooks, and getting better with every run.

Starting point is 00:15:51 One user built four agents to run an outbound sales pipeline, prospecting, outreach, follow-ups, CRM updates all in a single afternoon. No local setup, no VPS bills, no fragile permissions on your laptop, just powerful agents with full control over skills, tools, and guardrails. HyperAgent was built by the team behind Airtable and How IAI listeners get $1,000 in free inference to start building. Claim yours at hyperagent.com slash how IAI.I.I. Okay, so I love this in terms. kind of like chain of thought that you get with browser use. So what it tried to do was do the handoff from PM to engineering. And what you see here is that the engineer handoff exposed a structural break, which is a real issue in chat purity, which is you can create one document,

Starting point is 00:16:42 but you can't like at mention or reference it in another thread. It's something that we're working on or thinking through how we want to reference. It works in a specific way. But obviously the agent here, the codex agent thought reasoned, that this feature would work a different way. And so it's really interesting when you combine browser use with sort of this AI chatbot, how you start to inhabit the mindset of a persona or a type of user and actually identify really obvious, but kind of like hard to get your head wrapped around friction points where someone with fresh eyes. Again, these are agent eyes.

Starting point is 00:17:22 I'm sorry, I don't know a better metaphor, might have a challenge. So it went back to the document, said, I'm the engineer picking up this PRD, turn it into an implementation ready. Technical spec. We'll see what the experience is and if the agent is happy. Okay, it called out something really interesting here, which I don't know if it's an artifact of this running locally and something weird being happening locally. But it did call out that the loading screen was super slow and opaque and the interface didn't really make it clear what was happening when it was writing. I think we hit an error, but this is really good feedback for me because, again, I want to make sure even if we have a failure state, it's going to make sense, quote, unquote,

Starting point is 00:18:01 to the user. So just to take a step back, I really love this use case of coming up with a persona that kind of inhabits the mind and in this world, the body of your user and then have them going through your website using browser use and giving you a report of what works and what does it. Okay, so those are my building use cases. I'm going to zip through a couple other use cases. that I think are kind of fun. So my favorite one, I've talked about this a little bit briefly before,

Starting point is 00:18:31 which is browser use for LinkedIn. LinkedIn, close your eyes, close your ears, do not pay attention. But I like to log into LinkedIn here in my sidebar. And then I like to say, please use browser to go through my recent unread messages and reply to any that are. super critical, can't type for chat purity or the podcast. Leave me notes here on the others about how I should reply. If this is just a friendly, thank you, no reply in a friendly way.

Starting point is 00:19:15 So this is just like the easiest way to go through the pile of LinkedIn requests they get. I love you all. Thank you for connecting with me on LinkedIn. I'm happy to be connected. but I get hundreds of these. And so I love to use browser use to just go through LinkedIn, click through stuff, read it. Again, LinkedIn doesn't have an MCP or an API that's official. So we're using unofficial channels here to go through stuff.

Starting point is 00:19:43 One of the other things that I noticed is I am using high effort on 5-6 sole for this. I probably can use Terra on medium effort and it might be a lot faster. And so again, you can calibrate your browser. use effort and level of intelligence to whatever you need. I was definitely overusing it for LinkedIn replying. But again, you know, maybe it requires a little bit of work. All right. So as you can see, it's pulling up LinkedIn. It's going through my messages. Christy is my friend. We used to be colleagues. She's asking me to meet with her CEO. We're going to see it reply back a message, go to unreads and then actually filter through this. So if you're like me, if you have tons of LinkedIn

Starting point is 00:20:28 connections, LinkedIn comments, need to figure out how to get through this stuff. I love using browser use to go through those use cases. I'm going to wrap this up with a browser use case for the girls. Jens, others, if you want to use this one, please do. But I'm going to use at Chrome. So I'm going to show you how you use the computer use, but specifically for Chrome. So I've been using app browser, which is the side window of codex. I'm going to use at Chrome. And I'm going to say, I'm going to Hawaii this weekend and I need new clothes. Good news, exclamation mark.

Starting point is 00:21:06 Free people has 25% off their sale. I would love for you to go through using Chrome browser use and pick out 10 items in my size. You can pick size medium. That would be great for Hawaii. remember I'm a breastfeeding mom. I just had a baby six months ago. So pick things that are comfortable, that are breastfeeding friendly,

Starting point is 00:21:30 and that would be great for the weather in Hawaii in late July. What I want you to do is end up with 10 things in my cart that I can pick from and buy. Thanks. Always say thank you to your AI. Okay, so I'm going to put that in. It should spin up. It's going to use Chrome to curate 10 medium sale eligible pieces that are breathable, comfortable, and easy to nurse it, and then add them to my cart without checking out.

Starting point is 00:21:58 And so again, this is something that can be happening over on the side. I do not need to think about it. I do not need to manage it or monitor it. It is, as you can see here, this little browser window will pop up and actually show you what it's doing. I think this is such a cool feature of Codex is that it will actually show you what it's browsing. It's going to. It's going to. go through the sale and it's going to pick out outfits for me. Now, we're off to a bad start because I did say that I was a relatively new postpartum mom and it did pick a mini skirt. So I'm not quite sure we'll see what good fashion sense that 5.6 Terra has. TBD. But again, just like think about these kind of like annoying shopping use cases that you have to use a browser for.

Starting point is 00:22:52 that require a lot of like filtering and interaction, and you can just go through and have it shop for you. And now I'm going to pull up this browser and show you, oh, uh-oh, bad news bears. Look, it thinks that I'm an agent, which I am. Sorry, this is much cuter. So you might have to be the hands for your AI. I tell people this all the time. Sometimes we put AI to use. A.I. to use for us and then sometimes we need AI to put us to use. And so sometimes I'm just the human verification layer on top of chat GPT browser use. So again, this is D-Shop. We will see how successful it is if it adds stuff to the cart that I would really like. But again, I hope this is getting your mind open on what browser use and computer use can do for you.

Starting point is 00:23:47 Okay, I'm going to list just a couple other things that I use browser and computer use for that you might find interesting. One, filling out really, really annoying forms. So if you ever have to do procurement forms, if you ever have to ever have to register your kid for camp, if you ever have to fill out an old, old, old website, browser and computer use is really great for you. Second one, browser and computer use can actually run your phone.

Starting point is 00:24:12 I did this the other day. So if you're on a Mac, you have something called iPhone mirroring where you can actually pull up a version of your phone on your desktop, computer use can use iPhone mirroring. So your computer can technically use your phone. How did I use this recently? Well, I was out of state and my Mac minis were sitting here on my desk here in California. And I needed to hack into my Wi-Fi. So I needed to open up some firewall gateways. So I could remotely SSH in, sorry, I'm just going really nerdy. So I could, like, remotely SSH, into my MacBooks and like revive the open clause because it wasn't on the same network.

Starting point is 00:24:54 My Wi-Fi management software is on my phone. So I opened up Codex. I opened up screen mirroring and I had codex use, computer use to set up the right settings on my home Wi-Fi, update my router, SSH into my MacBooks, and then close all the ports when it was done. It was pretty amazing. It was really good. So you can definitely use computer use to use your phone. And then the last thing that I do is I use computer use a lot to make like Google documents and Google sheets. So sometimes I'm just not happy with what is being used with like the MCPs and the plugins in Codex. So if it hits kind of like access use or it can't do something via an MCP, if you are permissive enough, you can just say like please just open up my browser and do it in

Starting point is 00:25:41 the browser and it will do a very, very good job. So look, now my free people cart has 10 sale items all size medium totaling $352 before sacks tax the extra 25% um what did it give me a maxie dress great a skirt set great loosey goosey pants amazing shorts great um t-shirt oh look at this tank perfect perfect perfect a blouse a button net a couple button downs little v neck it did it was a really good job so this turned this started with browser use as a debugging tool and ended with browser use as your personal shopper. Again, this is my favorite feature, y'all. If you have not tried it, especially with Kodax, it is a hundred out of ten. Everything is computer. And I really think that this is going to change how we interface with our digital lives. And again, my goal for most of AI is I can be

Starting point is 00:26:45 not on my computer and stuff can still get done so I can enjoy my Hawaii vacation. This has been a very fun mini episode on browser use and computer use. If this is something you find interesting, let me know in the comments. I would love to hear how you use computer or browser use, what questions you have about privacy, what questions you have about security and other things I can show you about how IAI. Thanks for joining this week and I'll see you all soon. Thanks so much for watching. If you enjoyed the show, show, please like and subscribe here on YouTube or even better, leave us a comment with your thoughts. You can also find this podcast on Apple Podcasts, Spotify, or your favorite podcast app.

Starting point is 00:27:26 Please consider leaving us a rating and review, which will help others find the show. You can see all our episodes and learn more about the show at how IAIIPod.com. See you next time.

How I AI - Computer & browser use in Codex (5 real examples)

There aren't comments yet for this episode. Click on any sentence in the transcript to leave a comment.