正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

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 次观看 • 1 年前 •via X (Twitter)

教育游戏科学技术

Anya Rossi• Live Now

Private livecam show

10 条评论

GENX-FYF 的头像

GENX-FYF1 年前

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

Pulkit Singh 的头像

Pulkit Singh1 年前

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

buckle lee 的头像

buckle lee1 年前

Claude Dev is amazing, how can I support?

Saoud Rizwan 的头像

Saoud Rizwan1 年前

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

Anthony Fecarotta 的头像

Anthony Fecarotta1 年前

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 Rizwan 的头像

Saoud Rizwan1 年前

Any website!

Chris 的头像

Chris1 年前

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 Peshev 的头像

Mario Peshev1 年前

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

Saoud Rizwan 的头像

Saoud Rizwan1 年前

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

John Flemmer 的头像

John Flemmer1 年前

Love your effort. Pls keep on rocking ! :)

相关视频

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 次观看 • 1 年前

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 次观看 • 8 个月前

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 次观看 • 7 个月前

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 次观看 • 1 年前

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 次观看 • 1 年前

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 次观看 • 1 个月前

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 次观看 • 7 个月前

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 次观看 • 10 个月前

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 次观看 • 2 个月前

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 次观看 • 11 个月前

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 次观看 • 1 个月前

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 次观看 • 6 个月前

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 次观看 • 1 年前

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 次观看 • 1 年前

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 次观看 • 8 个月前

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 次观看 • 2 个月前

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 次观看 • 2 个月前

🚀 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 次观看 • 1 年前

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 次观看 • 1 年前

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 次观看 • 8 个月前