Video wird geladen...

Video konnte nicht geladen werden

Beim Laden dieses Videos ist ein Problem aufgetreten. Dies könnte an einem vorübergehenden Netzwerkproblem liegen oder das Video ist möglicherweise nicht verfügbar.

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

29,746 subscribers

47,489 Aufrufe • vor 7 Monaten •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

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 Aufrufe • vor 7 Monaten

Available now in Visual Studio Code Insiders, you can select and add elements directly to Chat! After opening any locally-hosted site via the built-in Simple Browser, click "Start" on the toolbar and select the element you want. This will attach a screenshot of the selected element, as well as the HTML and CSS of that element.

Available now in Visual Studio Code Insiders, you can select and add elements directly to Chat! After opening any locally-hosted site via the built-in Simple Browser, click "Start" on the toolbar and select the element you want. This will attach a screenshot of the selected element, as well as the HTML and CSS of that element.

Visual Studio Code

75,499 Aufrufe • vor 1 Jahr

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

863,300 Aufrufe • vor 2 Monaten

Friendly reminder that you can go to any GitHub repo, press the . key, and the entire repo will open in the browser using Visual Studio Code

Friendly reminder that you can go to any GitHub repo, press the . key, and the entire repo will open in the browser using Visual Studio Code

Visual Studio Code

209,336 Aufrufe • vor 1 Jahr

🌐 The integrated browser in Visual Studio Code now has pinch-to-zoom and zoom shortcuts on macOS, better agent tool descriptions, and more updates. Learn more →

🌐 The integrated browser in Visual Studio Code now has pinch-to-zoom and zoom shortcuts on macOS, better agent tool descriptions, and more updates. Learn more →

Visual Studio Code

55,588 Aufrufe • vor 2 Monaten

CSS Studio. A visual editor in your browser that streams updates to your local AI agent. Your browser, your agent, your source code. Coming soon.

CSS Studio. A visual editor in your browser that streams updates to your local AI agent. Your browser, your agent, your source code. Coming soon.

Motion

56,094 Aufrufe • vor 2 Monaten

Day 2 of Wave 10 is here! Introducing the Windsurf Browser, a fully functional browser that integrates with Cascade. You can use it like a normal browser while also selecting components, diagrams, text, logs, or anything else on the page and send it back to Cascade as context.

Day 2 of Wave 10 is here! Introducing the Windsurf Browser, a fully functional browser that integrates with Cascade. You can use it like a normal browser while also selecting components, diagrams, text, logs, or anything else on the page and send it back to Cascade as context.

Windsurf

152,845 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 11 Monaten

JSX Tool (@jsxtool) is an in-browser IDE for building React UIs. Click on any element in the browser to jump straight to the relevant line of code and edit it yourself or provide precise context to an LLM to make updates.

JSX Tool (@jsxtool) is an in-browser IDE for building React UIs. Click on any element in the browser to jump straight to the relevant line of code and edit it yourself or provide precise context to an LLM to make updates.

Y Combinator

49,731 Aufrufe • vor 7 Monaten

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.

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

259,043 Aufrufe • vor 4 Monaten

Introducing developer mode for browser use in Chrome and the Codex in-app browser. Codex can use the Chrome DevTools Protocol (CDP) to debug browser issues by profiling JavaScript performance and inspecting console output, network traffic, and page state.

Introducing developer mode for browser use in Chrome and the Codex in-app browser. Codex can use the Chrome DevTools Protocol (CDP) to debug browser issues by profiling JavaScript performance and inspecting console output, network traffic, and page state.

OpenAI Developers

363,640 Aufrufe • vor 4 Tagen

Open AI released Operator, an agent that can use the browser to perform and automate tasks for you! I have built an Open Source version of Operator using Browser Use, running locally on your computer. 100% Open Source

Open AI released Operator, an agent that can use the browser to perform and automate tasks for you! I have built an Open Source version of Operator using Browser Use, running locally on your computer. 100% Open Source

Sumanth

62,485 Aufrufe • vor 1 Jahr

[3/5] Introducing Agent Mode ✨ Agent Mode is a simple way to bootstrap an automation from scratch with Notte. Prompt a browser agent in natural language, let it execute the task step by step, then automatically convert its execution into deterministic & editable code. Open it in Automation Studio and continue iterating from there!

[3/5] Introducing Agent Mode ✨ Agent Mode is a simple way to bootstrap an automation from scratch with Notte. Prompt a browser agent in natural language, let it execute the task step by step, then automatically convert its execution into deterministic & editable code. Open it in Automation Studio and continue iterating from there!

Notte

12,088 Aufrufe • vor 6 Monaten

Introducing cmux SSH: `cmux ssh user@remote` You can now drag images into SSH'd Claude Code sessions, and cmux will automatically upload them via scp. And when you start a dev server on the remote machine, the browser pane in cmux can reach it at localhost:3000 without port forwarding. The workspace kinda becomes the remote machine, so split panes/new tabs automatically open remote shells. Out in the latest version of cmux (0.63).

Introducing cmux SSH: `cmux ssh user@remote` You can now drag images into SSH'd Claude Code sessions, and cmux will automatically upload them via scp. And when you start a dev server on the remote machine, the browser pane in cmux can reach it at localhost:3000 without port forwarding. The workspace kinda becomes the remote machine, so split panes/new tabs automatically open remote shells. Out in the latest version of cmux (0.63).

Lawrence Chen

49,311 Aufrufe • vor 2 Monaten

I did it. JavaScript vacuum is alive Wrote the code to control it in the browser via Web Serial API, or on the server with serialport

I did it. JavaScript vacuum is alive Wrote the code to control it in the browser via Web Serial API, or on the server with serialport

Wes Bos

103,730 Aufrufe • vor 1 Jahr

Wow Google has just released Firebase Studio You can build any app in natural language, modify it and deploy it all in one place 🔥 Basically a free alternative to Cursor, Bolt or v0, directly in the browser. Link and more below

Wow Google has just released Firebase Studio You can build any app in natural language, modify it and deploy it all in one place 🔥 Basically a free alternative to Cursor, Bolt or v0, directly in the browser. Link and more below

Paul Couvert

971,104 Aufrufe • vor 1 Jahr

Gemini 2.5 Flash can control a browser! Excited to share Gemini Browser Agent, a simple Python script example on how to use Google DeepMind Gemini 2.5 Flash and Browser Use to act as general assistant! 🤯 Usage Examples: 1⃣ Single Query Mode: `python scripts/gemini-browser-use.py --url --query "Summarize the key features of Gemini 2.5 Flash."` 2⃣Interactive Mode: Start an interactive session, optionally with a starting URL. `python scripts/gemini-browser-use.py` Command-line options: --model: The Gemini model to use (default: gemini-2.5-flash-preview-04-17) --headless: Run the browser in headless mode --url: Starting URL for the browser to navigate to before processing the query --query: Run a single query and exit (instead of interactive mode) Time to build a replication of Manus and OpenAI Operator powered by Gemini 2.5. Code below ⬇️

Gemini 2.5 Flash can control a browser! Excited to share Gemini Browser Agent, a simple Python script example on how to use Google DeepMind Gemini 2.5 Flash and Browser Use to act as general assistant! 🤯 Usage Examples: 1⃣ Single Query Mode: `python scripts/gemini-browser-use.py --url --query "Summarize the key features of Gemini 2.5 Flash."` 2⃣Interactive Mode: Start an interactive session, optionally with a starting URL. `python scripts/gemini-browser-use.py` Command-line options: --model: The Gemini model to use (default: gemini-2.5-flash-preview-04-17) --headless: Run the browser in headless mode --url: Starting URL for the browser to navigate to before processing the query --query: Run a single query and exit (instead of interactive mode) Time to build a replication of Manus and OpenAI Operator powered by Gemini 2.5. Code below ⬇️

Philipp Schmid

105,308 Aufrufe • vor 1 Jahr

Mini Browser is an agent-first browser CLI. It lets AI agents navigate pages, scrape text, take screenshots, click, fill forms, inspect tabs, record screens, run JS, and audit pages using small Unix-style commands. Browser control, but composable from the terminal.

Mini Browser is an agent-first browser CLI. It lets AI agents navigate pages, scrape text, take screenshots, click, fill forms, inspect tabs, record screens, run JS, and audit pages using small Unix-style commands. Browser control, but composable from the terminal.

GitHub Projects Community

23,723 Aufrufe • vor 1 Monat

You can now add a live browser to Claude Code to click any element and edit it 🤯 Your app runs embedded. You click a button. Claude instantly knows the exact selector, the exact component, the exact location in your code. No more “the red button in the top left of the third card.” Just click it. 100% open source.

You can now add a live browser to Claude Code to click any element and edit it 🤯 Your app runs embedded. You click a button. Claude instantly knows the exact selector, the exact component, the exact location in your code. No more “the red button in the top left of the third card.” Just click it. 100% open source.

Alvaro Cintas

47,136 Aufrufe • vor 1 Monat