Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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!

JamesMontemagno's profile picture

James Montemagno

29,746 subscribers

47,489 görüntüleme • 7 ay ö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

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

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

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

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 görüntüleme • 1 yıl önce

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"
0:30

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

861,138 görüntüleme • 2 ay önce

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
0:21

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 görüntüleme • 1 yıl önce

🌐 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 →
0:21

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

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

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

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.
1:29

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 görüntüleme • 1 yıl önce

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
0:52

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

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.
3:51

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

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
0:59

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 görüntüleme • 1 yıl önce

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).
2:23

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

[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!
0:35

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

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

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,719 görüntüleme • 1 yıl önce

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
0:38

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,049 görüntüleme • 1 yıl önce

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 ⬇️
0:52

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 görüntüleme • 1 yıl önce

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

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

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

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

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.
2:34

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

229,562 görüntüleme • 1 ay önce