Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

Claude Dev can now use a browser 🚀 v1.9.0 adds a new inspect_site tool that lets him capture screenshots + console logs of any url (eg localhost!), giving him more autonomy to debugging web projects on his own.

Saoud Rizwan

18,766 subscribers

73,484 views • 1 year ago •via X (Twitter)

Education Gaming Science & Technology

Anya Rossi• Live Now

Private livecam show

10 Comments

GENX-FYF1 year ago

I use this extension daily... It's freaking amazing.. Thank you for all the work you do...

Pulkit Singh1 year ago

Have never seen someone shipping this fast. Amazing work! 👌👌

buckle lee1 year ago

Claude Dev is amazing, how can I support?

Saoud Rizwan1 year ago

Thank you! Best way to support the project is to open issues if you run into bugs 🙏

Anthony Fecarotta1 year ago

You continue to do the lord's work. I've been out of the loop, can it view any website now, or just local dev server?

Saoud Rizwan1 year ago

Any website!

Chris1 year ago

Wow, great work bro keep it up, all we need now is for him to login to our third party like superbase and appwrite to create schemas and db's for us. Lol 😆

Mario Peshev1 year ago

Love it! Reading some configuration files occasionally exceeds the token max size. Ever thought about partitioning?

Saoud Rizwan1 year ago

Thanks! Splitting output up when he hits his max limit is something I plan on adding asap 👍

John Flemmer1 year ago

Love your effort. Pls keep on rocking ! :)

Related Videos

Cline now uses Anthropic's new "Computer Use" feature to launch a browser, click, type, and scroll. This gives him more autonomy in runtime debugging, end-to-end testing, and even general web use!

Cline now uses Anthropic's new "Computer Use" feature to launch a browser, click, type, and scroll. This gives him more autonomy in runtime debugging, end-to-end testing, and even general web use!

Saoud Rizwan

66,298 views • 1 year ago

Cursor can now use web browser 🤯🤯🤯 It takes screenshots, tests apps, checks accessibility, and turns designs into code. It also has access to console logs, network traffic for debugging and automation Major step by Cursor to completely automate coding!

Cursor can now use web browser 🤯🤯🤯 It takes screenshots, tests apps, checks accessibility, and turns designs into code. It also has access to console logs, network traffic for debugging and automation Major step by Cursor to completely automate coding!

Melvin Vivas

178,378 views • 8 months ago

Cursor now has a built-in web browser. You can say "start my app" and it will run the dev server in a terminal and then navigate the browser to localhost:3000. It can take screenshots of the page for iterating on design, and you can send DOM elements to the agent with prompts!

Cursor now has a built-in web browser. You can say "start my app" and it will run the dev server in a terminal and then navigate the browser to localhost:3000. It can take screenshots of the page for iterating on design, and you can send DOM elements to the agent with prompts!

Lee Robinson

216,065 views • 7 months ago

Watch Cursor control my browser. It can see what's happening, including network and console logs. Now my Cursor can debug and fix web site problems without any copy-pasta. HUGE speed up for web dev - with this Cursor can compete with v0 and replit at autonomous web app dev. This is Open Source and published now on npm: cursor-tools@alpha Full prompts in thread

Watch Cursor control my browser. It can see what's happening, including network and console logs. Now my Cursor can debug and fix web site problems without any copy-pasta. HUGE speed up for web dev - with this Cursor can compete with v0 and replit at autonomous web app dev. This is Open Source and published now on npm: cursor-tools@alpha Full prompts in thread

Andrew Jefferson

346,149 views • 1 year ago

You can now automate your browser from inside Cursor or Windsurf. No more copy-pasting logs or screenshots. I recorded a full video showing how to set up Browser MCP and use it to debug like a pro. Watch it here ↓

You can now automate your browser from inside Cursor or Windsurf. No more copy-pasting logs or screenshots. I recorded a full video showing how to set up Browser MCP and use it to debug like a pro. Watch it here ↓

Prajwal Tomar

142,268 views • 1 year ago

Codex can now take on more of your browser dev work. With the new Chrome plugin in the Codex app, it can test web apps, gather context across tabs, use web DevTools efficiently in parallel, and keep results organized without taking over your browser.

Codex can now take on more of your browser dev work. With the new Chrome plugin in the Codex app, it can test web apps, gather context across tabs, use web DevTools efficiently in parallel, and keep results organized without taking over your browser.

OpenAI Developers

230,177 views • 1 month ago

Did you know that Visual Studio Code has HAD a built-in browser! Say "start my app in simple browser" and it will run the dev server and open simple browser to localhost. It can take screenshots of the page or element and send DOM elements to the agent chat!

Did you know that Visual Studio Code has HAD a built-in browser! Say "start my app in simple browser" and it will run the dev server and open simple browser to localhost. It can take screenshots of the page or element and send DOM elements to the agent chat!

James Montemagno

47,489 views • 7 months ago

Did you know that Claude Code can use the browser to QA its own work? 1. Run `claude mcp add playwright -- npx -y @playwright/mcp@latest` 2. Tell Claude where your app is running, e.g localhost:8000 3. Now Claude can click and type to make sure its code is actually working!

Did you know that Claude Code can use the browser to QA its own work? 1. Run `claude mcp add playwright -- npx -y @playwright/mcp@latest` 2. Tell Claude where your app is running, e.g localhost:8000 3. Now Claude can click and type to make sure its code is actually working!

Sergey Karayev

107,272 views • 10 months ago

With GPT-5.5, Codex now gets more of the job done across the browser, files, docs, and your computer. We've expanded browser use so Codex can interact with web apps, and test flows, click through pages, capture screenshots, and iterate on what it sees until it completes the task.

With GPT-5.5, Codex now gets more of the job done across the browser, files, docs, and your computer. We've expanded browser use so Codex can interact with web apps, and test flows, click through pages, capture screenshots, and iterate on what it sees until it completes the task.

OpenAI Developers

852,241 views • 2 months ago

In today's Wave 11, @windsurf 's Browser got a lot more powerful. Frontend devs just got +10 on all attributes ICYMI, Windsurf has its own Browser which could send stuff from the Browser into context as an @-mention Today we are equipping Cascade with a bunch of new tools that can automate browser use In this video you can see how Cascade can open up new tabs, read tabs and navigation history, read page content, take screenshots, and capture DOM trees. All via these new browser tools

In today's Wave 11, @windsurf 's Browser got a lot more powerful. Frontend devs just got +10 on all attributes ICYMI, Windsurf has its own Browser which could send stuff from the Browser into context as an @-mention Today we are equipping Cascade with a bunch of new tools that can automate browser use In this video you can see how Cascade can open up new tabs, read tabs and navigation history, read page content, take screenshots, and capture DOM trees. All via these new browser tools

Rob

15,180 views • 11 months ago

Supercharge OpenClaw🦞 with browser-harness With browser-harness, OpenClaw can: > create its own browser tools > use SOTA stealth cloud browsers in parallel Now OpenClaw can do any task on the web Try it now ↓🔗

Supercharge OpenClaw🦞 with browser-harness With browser-harness, OpenClaw can: > create its own browser tools > use SOTA stealth cloud browsers in parallel Now OpenClaw can do any task on the web Try it now ↓🔗

Browser Use

29,658 views • 1 month ago

Using the extension, Claude Code can test code directly in the browser to validate its work. Claude can also see client-side errors via console logs. Try it out by running /chrome in the latest version of Claude Code.

Using the extension, Claude Code can test code directly in the browser to validate its work. Claude can also see client-side errors via console logs. Try it out by running /chrome in the latest version of Claude Code.

Claude

783,297 views • 6 months ago

I just built this CRACKED Cursor MCP extension that makes your IDE fully aware of all the logs in your browser. Was struggling with a few issues recently and kept having to copy/paste logs but with this tool you can: ✅ Check all console logs + errors ✅ Analyze network requests, responses and errors ✅ Make changes to a selected element in your browser ✅ Take screenshots of your browser ... without EVER having to leave your IDE 🦾 Open source, FREE and compatible with Cursor, Cline, Continue and Zed. Link to the docs with setup instructions down below 👇

I just built this CRACKED Cursor MCP extension that makes your IDE fully aware of all the logs in your browser. Was struggling with a few issues recently and kept having to copy/paste logs but with this tool you can: ✅ Check all console logs + errors ✅ Analyze network requests, responses and errors ✅ Make changes to a selected element in your browser ✅ Take screenshots of your browser ... without EVER having to leave your IDE 🦾 Open source, FREE and compatible with Cursor, Cline, Continue and Zed. Link to the docs with setup instructions down below 👇

Ted Werbel

179,865 views • 1 year ago

Excited to launch the mem0 Browser Extension. It’s an open-source, cross-LLM tool that lets you own your memories across ChatGPT, Claude, and Perplexity.

Excited to launch the mem0 Browser Extension. It’s an open-source, cross-LLM tool that lets you own your memories across ChatGPT, Claude, and Perplexity.

Taranjeet

37,883 views • 1 year ago

Claude Desktop is now generally available. New on Mac: Capture screenshots, click windows to share context, and press Caps Lock to talk to Claude aloud.

Claude Desktop is now generally available. New on Mac: Capture screenshots, click windows to share context, and press Caps Lock to talk to Claude aloud.

Claude

1,117,369 views • 8 months ago

Introducing the new dev-browser cli. The fastest way for an agent to use a browser is to let it write code. Just `npm i -g dev-browser` and tell your agent to "use dev-browser"

Introducing the new dev-browser cli. The fastest way for an agent to use a browser is to let it write code. Just `npm i -g dev-browser` and tell your agent to "use dev-browser"

Sawyer Hood

864,141 views • 2 months ago

I prefer my design tool to be more closely integrated with where my agents work. I spent a few hours building my own design tool (inspired by Claude Design) inside my orchestrator. I can use this with Codex, Claude, or any model. Opus 4.7 works best for now. Doing more tests.

I prefer my design tool to be more closely integrated with where my agents work. I spent a few hours building my own design tool (inspired by Claude Design) inside my orchestrator. I can use this with Codex, Claude, or any model. Opus 4.7 works best for now. Doing more tests.

elvis

13,380 views • 2 months ago

🚀 Dev Challenge Alert 🚀 One of our dev set a new time to beat on "Rally Blast"! Think you can outpace him? ⏱️ Challenge: Beat his time Goal: 03:35.374 Share: Tag us with #TCMDevChallenge Ready, set, go! 🏎️💨

🚀 Dev Challenge Alert 🚀 One of our dev set a new time to beat on "Rally Blast"! Think you can outpace him? ⏱️ Challenge: Beat his time Goal: 03:35.374 Share: Tag us with #TCMDevChallenge Ready, set, go! 🏎️💨

The Crew Motorfest

17,891 views • 1 year ago

This MCP tool for Cursor will literally save you HOURS of debugging 🔥🦾 With BrowserTools v1.2 you can… ✅ Analyze all browser logs w/ deep reasoning ✅ Capture + auto-paste screenshots into Cursor ✅ Run accessibility, SEO + web app audits ✅ Fully optimize your NextJS app for SEO ✅ Make changes to a selected element Watch the full video for installation steps + check my bio to access our docs 👇 BIG thanks to Emil for implementing the auditing capabilities!! If you have any ideas or feature requests, please reply down below and we’ll add them to the backlog 🙌

This MCP tool for Cursor will literally save you HOURS of debugging 🔥🦾 With BrowserTools v1.2 you can… ✅ Analyze all browser logs w/ deep reasoning ✅ Capture + auto-paste screenshots into Cursor ✅ Run accessibility, SEO + web app audits ✅ Fully optimize your NextJS app for SEO ✅ Make changes to a selected element Watch the full video for installation steps + check my bio to access our docs 👇 BIG thanks to Emil for implementing the auditing capabilities!! If you have any ideas or feature requests, please reply down below and we’ll add them to the backlog 🙌

Ted Werbel

78,724 views • 1 year ago

How to add Chrome DevTools MCP to Claude Code (Bookmark this post to follow the setup later) This lets Claude debug your web apps in a real browser... performance traces, network inspection, console errors. Requirements: - Node.js 22+ - Chrome browser In the video below I show you: - How to install the MCP server - How to verify the DevTools tools are available - How to use it with a real performance trace

How to add Chrome DevTools MCP to Claude Code (Bookmark this post to follow the setup later) This lets Claude debug your web apps in a real browser... performance traces, network inspection, console errors. Requirements: - Node.js 22+ - Chrome browser In the video below I show you: - How to install the MCP server - How to verify the DevTools tools are available - How to use it with a real performance trace

Daniel San

52,294 views • 8 months ago