Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

CLAUDE CAN NOW TEST ITS OWN CODE IN A REAL BROWSER AND SCREEN RECORD ITSELF DOING IT SO YOU NEVER HAVE TO VERIFY MANUALLY it opens a real browser, catches console errors, confirms network calls, and records every step, so it stops saying "this should work" and starts proving...

RoundtableSpace's profile picture

0xMarioNawfal

252,869 subscribers

50,928 görüntüleme • 5 gün önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

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.
0:37

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,231 görüntüleme • 5 ay önce

Advent of Claude Day 19 - Claude Code + Chrome Claude can now directly interact with your browser. Navigating pages, clicking buttons, reading console errors, inspecting the DOM, and more. "Fix the bug and verify it works" is now one prompt. /chrome to start.
0:36

Advent of Claude Day 19 - Claude Code + Chrome Claude can now directly interact with your browser. Navigating pages, clicking buttons, reading console errors, inspecting the DOM, and more. "Fix the bug and verify it works" is now one prompt. /chrome to start.

Ado

137,502 görüntüleme • 5 ay önce

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
1:01

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 görüntüleme • 8 ay önce

We ran Claude code in a while loop and it ported Browser Use to Typescript
1:54

We ran Claude code in a while loop and it ported Browser Use to Typescript

Simon Farshid

79,072 görüntüleme • 8 ay önce

I've been using Claude Code completely wrong. I gave it a custom skill and Browser CLI tools and letting it do work for me. It can open pages, click buttons, fill in forms all from your authenticated browser. Just published it to the marketplace, install it in 2 commands.
0:29

I've been using Claude Code completely wrong. I gave it a custom skill and Browser CLI tools and letting it do work for me. It can open pages, click buttons, fill in forms all from your authenticated browser. Just published it to the marketplace, install it in 2 commands.

Paul Klein IV

229,226 görüntüleme • 7 ay önce

Today, we launched browser use inside Codex to further close the build & verify loop for local development! Now, you can ask Codex to build your front end, and test it like a user would by clicking through the app. Codex sees everything a user sees through vision & checks the network/console logs to help debug & fix any issues that it finds. This change brings us closer to fully autonomous coding agents that delivers high quality and tested changes. Watch Codex test my app in the browser, catch & fix a real bug, and doing that loop again with a brand new feature.
0:37

Today, we launched browser use inside Codex to further close the build & verify loop for local development! Now, you can ask Codex to build your front end, and test it like a user would by clicking through the app. Codex sees everything a user sees through vision & checks the network/console logs to help debug & fix any issues that it finds. This change brings us closer to fully autonomous coding agents that delivers high quality and tested changes. Watch Codex test my app in the browser, catch & fix a real bug, and doing that loop again with a brand new feature.

James Sun

225,809 görüntüleme • 1 ay önce

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!
0:28

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 görüntüleme • 8 ay önce

THIS GUY ADDED A LIVE BROWSER TO CLAUDE CODE SO YOU CAN CLICK ANY ELEMENT AND EDIT IT INSTANTLY biggest issue with vibe coding UI is that you have to describe what you want to change. if you prompt it the wrong selector or wrong component, Claude can't find it. now you just click it. your app runs in an embedded browser with Claude Code. you can click any button, any text, any div. Claude instantly knows exactly what you're pointing at. click. instruct. done. no more "change the button in the top right corner of the second card component." all you have to do now is just click the button. AND its open source
0:40

THIS GUY ADDED A LIVE BROWSER TO CLAUDE CODE SO YOU CAN CLICK ANY ELEMENT AND EDIT IT INSTANTLY biggest issue with vibe coding UI is that you have to describe what you want to change. if you prompt it the wrong selector or wrong component, Claude can't find it. now you just click it. your app runs in an embedded browser with Claude Code. you can click any button, any text, any div. Claude instantly knows exactly what you're pointing at. click. instruct. done. no more "change the button in the top right corner of the second card component." all you have to do now is just click the button. AND its open source

Om Patel

152,079 görüntüleme • 2 ay önce

Claude 5 Fable (Ultracode) I asked it to build a demo of my dream game in Three.js and I'm genuinely shocked 💀 One shot, a full explorable starship with a working cockpit, crew quarters, a planet drifting past real windows, dynamic lighting, sleep/eat interactions, it screenshotted its own work and fixed itself until it hit 60fps on browser Obviously not steam ready but man this is so so far from what we had one year ago…
1:11

Claude 5 Fable (Ultracode) I asked it to build a demo of my dream game in Three.js and I'm genuinely shocked 💀 One shot, a full explorable starship with a working cockpit, crew quarters, a planet drifting past real windows, dynamic lighting, sleep/eat interactions, it screenshotted its own work and fixed itself until it hit 60fps on browser Obviously not steam ready but man this is so so far from what we had one year ago…

Chris

398,028 görüntüleme • 2 gün önce

This is the setup that changed everything for me, Claude can now browse the internet on its own. Not with your browser. Its own dedicated browser.. It can now login with your credentials, scrape data, monitors communities and generates leads.. all in the background while you sleep First how you can set it up, > Open Claude Desktop > Click the plus (+) icon in the chat bar and select Connectors (or "Manage Connectors") > Click Add Custom Connector and enter the following details - Name: Firecrawl - URL: dev/{FIRECRAWL_API_KEY}/v2/mcp - API Key: Paste your API key from the Firecrawl dashboard. > Click Add. then just enable and Authorize, > Once added, find "Firecrawl" in your connectors list and toggle it on. > Claude will ask for approval to use the connector; select Always Allow to let it run tasks without prompting you every time can start using it normally in chat now.. Prompt it like: "Go to [website], extract [data], and organize it" It opens its own browser, navigates, scrapes, and brings you clean results. will share how i use this setup in my next post, so be sure to follow me and turn post notifications on.
0:26

This is the setup that changed everything for me, Claude can now browse the internet on its own. Not with your browser. Its own dedicated browser.. It can now login with your credentials, scrape data, monitors communities and generates leads.. all in the background while you sleep First how you can set it up, > Open Claude Desktop > Click the plus (+) icon in the chat bar and select Connectors (or "Manage Connectors") > Click Add Custom Connector and enter the following details - Name: Firecrawl - URL: dev/{FIRECRAWL_API_KEY}/v2/mcp - API Key: Paste your API key from the Firecrawl dashboard. > Click Add. then just enable and Authorize, > Once added, find "Firecrawl" in your connectors list and toggle it on. > Claude will ask for approval to use the connector; select Always Allow to let it run tasks without prompting you every time can start using it normally in chat now.. Prompt it like: "Go to [website], extract [data], and organize it" It opens its own browser, navigates, scrapes, and brings you clean results. will share how i use this setup in my next post, so be sure to follow me and turn post notifications on.

Axel Bitblaze 🪓

179,087 görüntüleme • 2 ay önce

You can now enable Claude to use your computer to complete tasks. It opens your apps, navigates your browser, fills in spreadsheets—anything you'd do sitting at your desk. Research preview in Claude Cowork and Claude Code, macOS only.
1:13

You can now enable Claude to use your computer to complete tasks. It opens your apps, navigates your browser, fills in spreadsheets—anything you'd do sitting at your desk. Research preview in Claude Cowork and Claude Code, macOS only.

Claude

78,051,374 görüntüleme • 2 ay önce

You can now connect to Claude in Chrome using the VS Code extension. Use it to debug frontend apps, collect data or automate your browser. Install the extension and type @ browser to get started.
0:27

You can now connect to Claude in Chrome using the VS Code extension. Use it to debug frontend apps, collect data or automate your browser. Install the extension and type @ browser to get started.

Thariq

258,966 görüntüleme • 4 ay önce

Most AI agents force you into a new browser. Meet Composite, it isn't just a hosted browser session in the cloud, or a completely separate browser. Composite actually does the clicking, typing, and navigation inside your real tabs, in your existing browser. - Uses your existing browser, so there’s no migration, you keep your bookmarks, extensions, workflows - No lock-in. It works with any site, any AI model, you’re in control. - Composite does the clicks, types, and navigation for you. In your tabs. No migration. No lock-in. No learning curve. Download and start now:
0:39

Most AI agents force you into a new browser. Meet Composite, it isn't just a hosted browser session in the cloud, or a completely separate browser. Composite actually does the clicking, typing, and navigation inside your real tabs, in your existing browser. - Uses your existing browser, so there’s no migration, you keep your bookmarks, extensions, workflows - No lock-in. It works with any site, any AI model, you’re in control. - Composite does the clicks, types, and navigation for you. In your tabs. No migration. No lock-in. No learning curve. Download and start now:

The AI Colony

48,585 görüntüleme • 10 ay önce

Fun experiment: you can now automate content production with Claude Cowork. I gave Claude a browser and asked it to: 1) Find a NeurIPS best paper 2) Write a thread on it 3) Generate graphics on Krea 4) Validate its work with ChatGPT. Shockingly, it worked! How to do it 👇
0:44

Fun experiment: you can now automate content production with Claude Cowork. I gave Claude a browser and asked it to: 1) Find a NeurIPS best paper 2) Write a thread on it 3) Generate graphics on Krea 4) Validate its work with ChatGPT. Shockingly, it worked! How to do it 👇

Justine Moore

69,467 görüntüleme • 5 ay önce

Finally got the agent to reliably attach a video of it using the browser to demonstrate a passing acceptance test One step closer to a real Code Factory
3:47

Finally got the agent to reliably attach a video of it using the browser to demonstrate a passing acceptance test One step closer to a real Code Factory

Ryan Carson

14,374 görüntüleme • 2 ay önce

We added a device tool bar to the Codex in-app browser, so it's easier to build and test responsive apps! Now, you can have Codex test your app in different dimensions, so it can fix bugs & improve UI for every device. Just click the 3 dots on the right of the URL bar to use it! As part of this change, we also: - improved the speed of browser use (~30% in my vibe testing) - tightened the animation of the cursor - added a way to hide the composer in full screen mode - fixed a few bugs for browser use in Windows Oliver Tepman and John Nastos cooked on this one! Try it out and let us know what you think!
0:25

We added a device tool bar to the Codex in-app browser, so it's easier to build and test responsive apps! Now, you can have Codex test your app in different dimensions, so it can fix bugs & improve UI for every device. Just click the 3 dots on the right of the URL bar to use it! As part of this change, we also: - improved the speed of browser use (~30% in my vibe testing) - tightened the animation of the cursor - added a way to hide the composer in full screen mode - fixed a few bugs for browser use in Windows Oliver Tepman and John Nastos cooked on this one! Try it out and let us know what you think!

James Sun

147,873 görüntüleme • 1 ay önce

Someone just vibe coded a full 3d flight simulator in a single weekend using Claude Code. it runs entirely in the browser. real-world terrain. real locations. you can literally fly anywhere on earth.
1:40

Someone just vibe coded a full 3d flight simulator in a single weekend using Claude Code. it runs entirely in the browser. real-world terrain. real locations. you can literally fly anywhere on earth.

How To AI

1,775,322 görüntüleme • 1 ay önce

Grok Build is able to write code, deploy to a phone on revyl, and look at the screen to check its own work. no human in the loop. watching it edit, hot-reload, and screenshot to verify in real time is genuinely wild.
0:29

Grok Build is able to write code, deploy to a phone on revyl, and look at the screen to check its own work. no human in the loop. watching it edit, hot-reload, and screenshot to verify in real time is genuinely wild.

Anam Hira

10,683 görüntüleme • 9 gün önce