00:00Anthropic just dropped the official Chrome extension for Claude Code

00:02And in today's video, I'm going to show you how to quickly set that up inside of Cloud Code and why that is so important for any of us who use Claude Code as our co-writer

00:13All right

00:13So, in other words, your coowwriter now gets eyes and now has direct access to your browser with this Chrome integration

00:22All right

00:25Now, how this works is it's getting direct browser control

00:27Now we don't have to deal with uh extra MCPS or workarounds which you would have had to done do before if you wanted to give access um if you wanted to give cloud code access to your browser but now we can do this directly

00:40It's a lot easier uh and it makes a big difference now from the before and after

00:45So before if you wanted to give your co-writer or cloud code access to your browser it would be you know you would be using a couple different separate tools or just workflows

00:56For example, what I would do oftent times is I would have to screenshot things on my browser, drop it into cloud code and work with it that way

01:04But now we don't really need to do that anymore

01:06We can open it up here side by side like you're look like you can see that I'm doing now

01:09And we can give it direct access so it can see everything we are seeing in our browser without having to deal with all this different copy and pasting that we might have had to do before

01:18Right now to set this up is actually super simple

01:21It's one of the easier things you can set up on Claude Code

01:25We're just going to have to run a couple things

01:26The first thing we're going to do is go to cloud.com/chrome, their official announcement page for this extension

01:33And you're going to see here that they talk about what you can do with it

01:36Prior to this new release in Cloud Code, you are already able to to get this in your regular uh Chrome extension

01:43And you can do things like uh interact with your Google calendar or run background tasks and even schedule daily workflows right in your browser uh with this claude agent basically this cla browser agent

01:55But today we're just uh talking about you know mostly talking about claude code

02:00So you're going to come here and you're going to click add to Chrome if you don't have it already

02:04And it's going to take you to the official Chrome store extension store where you're going to add this and once you do it's going to be available here in your extensions

02:11Okay

02:11Now you're going to click this and what it's going to open up here is you can see that claude co or the claude chrome extension is now open and you're going to see these orange tabs here where you have the claw name and you have this orange highlight

02:25This is called a tab group

02:29All right

02:29And what this means is everything you see highlighted in this group here of tabs

02:32This is what Claude is restricted to

02:35This is where Claude is active

02:37So, for example, right now you see this Chrome uh window open here, this Chrome tab, and this is the only one that Claude has access to right now

02:46All these other ones that you see that I have open that don't have the orange highlight, these are not in the tab group

02:51So, Claude is not accessing these right now

02:53If you want to access it, you just, for example, I have this Substack page of mine

02:58I would just drag it into the tab group

02:59And now you can see that it's orange

03:02So, it is now accessible by Claude in this tab group

03:04All right

03:04And same thing, you can drag it out

03:07So once you're in here, before we even look at claw code, just to if you're not familiar with this at all because only some people had access to it before, this was already available

03:16And this right here is basically have this has nothing to do with cloud code

03:21This is just the regular the regular Chrome extension that opens up this side panel here and you can interact directly in your browser with it

03:29You can choose your model, you can ask it questions, and it's like a direct um you know panel right inside of your browser

03:35But that's not what we're going to be using today

03:38So we're going to close that out

03:38So now we're going to talk about how to get it inside of your cloud code uh cloud code system or your coowriter

03:47And what you're going to do here is on the right side, you can see I have my code editor open

03:53I'm using VS Code, but you can be using whatever maybe use cursor

03:55Uh, but I use VS Code because what we can do here with any of these code editors is open up all of our folders here on the left and I can see my full system here and it just makes everything a lot uh easier

04:08I'm going to minimize that for now cuz I don't need it

04:09Fresh terminal without cloud code, just a fresh terminal

04:13And you're going to need need to do a couple things first

04:15The first is you're going to need to run a cloud update in case it's not updated

04:18So you're just going to type out cloud update in your terminal

04:21Enter

04:21It's going to check for the current version

04:25You should be up to date with 2.0.73 at the time of this video and we know we're good now

04:30Now, after that, you need to launch Claude in your terminal

04:32So, just by typing claude, we have Claude launched

04:37Let me zoom in a little bit here

04:39And now we have Claude code running in our terminal and we're going to do slashchrome

04:45When you do /chrome, it's already set up

04:47You're going to run that and you can see that it's here

04:49So we have Cloud and Chrome works with the Chrome extension to let you control your browser directly from cloud code

04:55Navigate websites, fill forms, capture screenshots, uh record GIFs and debug with console logs and network requests

05:03Now you need to make sure that the status is enabled and the extension is installed

05:07So to do that you might have to uh first click this reconnect extension and it will enable everything

05:15Now once you have it, it's already enabled and you can manage the permissions here

05:19So, if you click enter for manage permissions, it's going to open up this tab here on the left

05:22And what you can see here is we have all of our uh claude code Chrome extension permissions, right? Or just clotting Chrome settings

05:32We can enable notifications

05:34So, it'll tell us when things are complete

05:36We can also give it microphone access

05:38And what this will allow you to do is there's this new feature in the regular Chrome extension where you can record a workflow that you're doing and speak into the dictation and you can document this workflow for for Claude to understand

05:53All right

05:53And then also you're going to have your approved sites here

05:55You can see I've already been working on like Tally and Substack and my own website

06:00You can revoke access to these at any point

06:02These are the only sites that it has access to

06:04And every time you access a new site, it's going to ask for permission

06:08All right

06:08And you're going to see how that works

06:09We can close those settings out for now

06:11We don't need that

06:13But what we want to do now is just show you a couple couple ways that I've been using this

06:18So, what can you actually do? I'm going to give you three examples

06:21This is pretty new and I've been trying out new things

06:23Uh, you know, I do want to mention that it doesn't work 100% perfect

06:27It's pretty slow, but it's getting better

06:30It's a lot better than it was a couple months ago when I tried it on the regular extension

06:35And it's really just at this point good for running background tasks or things that you don't, you know, that are pretty easy that you don't really need to waste time doing and you can let it do it

06:46But we're going to talk about some cool things

06:47So what are the there's three things I've done over the past day or so in my own writing system

06:53The first was I've been using it to track analytics on my Substack page, which I'm going to show you here

06:57And the reason for that is because Substack doesn't have an API

07:00So unlike these other platforms, you know, other newsletter platforms or other uh let's say social media platforms like LinkedIn or X, uh Substack doesn't have an API

07:12So it's very difficult to track all of your stats

07:14You kind of have to do it manually

07:15I track it all in an air table

07:17But now what I can do is give Claude code or my coowwriter access to my Substack to basically track all these analytics

07:26So that's the first way I've been using it

07:28The second way is I've been using it to fill out surveys

07:30So on my own um website here where I just launched my custom writing systems that you can apply for

07:38I needed to fill out a survey for potential clients and people who were interested in doing this

07:44So if you click here, you're going to see I have a survey here, a coowwriter application

07:48And I literally used Cloud Code last night to my coowwriter to build this

07:52So, we planned it out inside of my um in in my code editor with cloud code and then I had it access and actually put together the application on tally which is just a website for easily creating forms

08:08Right? That's the second way I used it

08:10And then the third way is um doing visual analysis

08:13So, I've asked it to go on like YouTube pages of people's thumbnails

08:16also asked it for my landing page which I'm going to show you right now to give a visual analysis of everything on there without having to really have it access like the HTML or take screenshots or you know uh anything like that

08:30So that that's a really uh good use case as well

08:33You can analyze thumbnails, study competitor pages, debug your own sites, right? But enough of that

08:39Let me just show you a couple couple ways now that I was using it

08:42So we're going to open up a new Cloud Code session here

08:47And the first thing I did, which you can see here, which I'm going to re rerun here, is look at my Substack nodes

08:51So here on Substack, we have uh my Substack nodes for people who aren't familiar with Substack

09:00It's just like any other social media

09:01I have my Substack notes here and I have my, you know, whole list of them with likes and comments and and all of that

09:08There's no real easy way of pulling all that

09:10So now what I'm going to do is tell it to, you know, review all of that and track it

09:14But before I tell it, a couple important points is you should always make sure to tell it to use the Chrome extension right now cuz I found that if you don't, it doesn't really know that autonomously to use it

09:26And second, you should definitely drop the link of whatever page you want it to access

09:29So you don't have to you're not making Claude go do all the work to try to find what you're talking about and instead you just give it direct access to the page you're looking at

09:38So here's what we're going to tell it

09:39We're going to tell it, take a look at my last 10 Substack notes, find out what is working, what is not, and track the analytics

09:46Uh, use your Chrome extension to do this

09:51And then just drop the link in there

09:53And then we're just going to let it let it do its work

09:55So, what it should do now is open up a tab group, ask us for our permission, and start doing the work there

10:03So, we're going to see what it does

10:05First, it reads my context profiles in my system

10:06And then there it goes, opening up the new tab that you can see here, and it's going to start navigating all by itself

10:13Right? So, after a second or two, it navigated to the page I told it to

10:18And now on the left side of the screen, what you're looking at is Claude Code uh controlling my browser

10:23Right? And here in the on the right side in my code editor, you can see it made a to-do list

10:28So, it's going to navigate to my Substack profile and find my notes, review the last 10 notes and metrics, identify patterns and what's working and what's not, and then document findings with actionable insights

10:39So, it's doing that

10:39Now, an important point is don't touch the screen that it's working on

10:44So, like here in my on the left side here, you can see that it's working here on my substack

10:50Don't start scrolling or clicking on anything because I found that that just like screws everything up uh or at least slows it down because Claude is basically taking screenshots and navigating that way

10:59So if you move the page, it's going to take a screenshot and get lost

11:03It's going to lose itself

11:05So don't really touch anything, but that's okay because now we can let this run in the background

11:09So as this is running in the background, we can open up another terminal and we'll we'll we'll launch Claude and I can literally do multiple things at once now

11:19So now while this is running, what I want to do is I want to come look at my landing page

11:24All right, for my coowwriting uh custom systems here, which you're looking at here and maybe what I want to do is ask my coowwriter as my coowwriter has access to everything about my business in writing

11:39What I can do is ask it to, you know, analyze this landing page, maybe find, you know, what's working, what's not, what's making it converting, and if I'm missing any, you know, important aspects of my system that are not being uh shown on this landing page

11:55So on my landing page here, we have your own AI coowriter, built for your business, apply now

12:00we have the pricing or the the features breakdown uh some of this other stuff which uh side note this landing page I built with my uh Claude code as well

12:10So now what we're going to do is we're going to use voice dictation

12:14I've talked to Claude and we'll say take a look at my custom writing system or my custom coowwriter uh landing page

12:20Find out what makes it converting, what's working, what might not be working, and also go through our entire writing system here in our environment and see if I'm missing anything that would be worth including

12:35We're going to tell it uh use your Chrome extension

12:37Always make sure to tell it to use your Chrome extension and then drop the link as well

12:42And now it's going to do the same thing

12:45It should open this up in the tabs where Claude is accessing

12:50And while that's running, we go back here

12:52We can see that the first one that is analyzing my Substack notes is still running uh in the background

12:59So before this video already started, I already did these same exact two

13:01So we could take a look at what that output looked like

13:06Starting with the substack notes

13:09So the first thing I asked it to do, like you saw, was analyze my substack notes

13:13And you can see after I completed it here on the right, what we got was an entire breakdown of my substack notes, my last 10 notes

13:25I have the when it was published, the likes, the comments, the restacks

13:28I have a breakdown of what's working, uh, what's not working, you know, patterns to double down on, patterns to avoid

13:37And what you're not seeing also at the same time is that it's doing this all in the context of my entire system here to the left

13:44So the co-writer, you know, it's just one big system working together here

13:47And then for the second task we asked it to do, which was analyze my landing page here, what we got was, let's take a look

13:54Scrolling down, this is how long it takes

13:56These are all screenshots and actions it's doing in the browser

14:02And now it gives me a landing page analysis of what's working well

14:04You know, it says the file structure visual at the top is brilliant

14:08It immediately shows what they're getting

14:10But we can see some opportunities here like I'm missing price, which was purposeful

14:13So that's okay

14:16But what I am missing is testimonials and social proof

14:17Uh we're missing specific outcomes, urgency, uh and some other things there

14:23So there it's going to help us analyze landing pages

14:27Uh, it's going to analyze landing pages and maybe show us some things we can do

14:32Uh, and just to finish off, like I said, let's be honest, it doesn't it's not super fast

14:36This is not something that's going to be like zip zip zip doing a million things on on Chrome for you

14:42It's a background task tool, not a speed tool

14:44So, make sure to delegate tasks that are not really worth your time, that might be annoying to be doing, that are very straightforward, and delegate those to Claude Chrome, uh, you know, or use it as a visual analysis tool or to help you basically do things where maybe an API is not available or there are no available tools, uh, for example, Substack Analytics

15:08All right, so go try it out now

15:10Test it out

15:10If you haven't checked out my Cloud Code master class for building your AI coowriter, check that out as well because this just always every new thing that comes out just builds on top of your coowwriting system and uh supercharges it

15:24Drop a comment below if you've used this, if you tried it out

15:28Let me know how you're using it and if you've discovered any uh cool ways of of uh supercharging your systems with this new Chrome extension.