Loading video...

Video Failed to Load

Go Home

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.

ycombinator's profile picture

Y Combinator

1,609,981 subscribers

49,731 views • 7 months ago •via X (Twitter)

EducationNews & PoliticsScience & Technology
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

This is an excellent feature of Grok4. The code you provide to Grok gets nicely formatted in a Markdown block. The play button lets you run your code in the browser. You can also easily copy or edit your code.
0:29

This is an excellent feature of Grok4. The code you provide to Grok gets nicely formatted in a Markdown block. The play button lets you run your code in the browser. You can also easily copy or edit your code.

tetsuo

1,054,866 views • 10 months ago

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,469 views • 2 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"
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

864,532 views • 3 months ago

BrowserBook (BrowserBook) is the IDE for writing reliable web automations. TypeScript notebooks, an inline browser, a context-aware AI assistant, and easy API execution - all in one place. A practical alternative to unreliable browser agents.
3:55

BrowserBook (BrowserBook) is the IDE for writing reliable web automations. TypeScript notebooks, an inline browser, a context-aware AI assistant, and easy API execution - all in one place. A practical alternative to unreliable browser agents.

Y Combinator

17,023 views • 6 months 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!
0:59

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

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 views • 1 month ago

Day 13 Update - Aida the browser AI assistant. Aida can now think and execute plans - watch it scrape the current tab for all video titles on Rahul Mathur's Breakdown channel and save it as a txt file. Note that none of this code is written in advance or just a tool call, it writes code in realtime and dynamically executes it in the context of the browser. - Worked on the DOM Engine which provides better context to the assistant for dynamic code execution. - Wasn't satisfied with the design in the last update, tried to make it better. Whats next? Getting it to the hands of users. I've been gate-keeping this for too long. Made an accountability bet with Yogini Bende today to release it in a day.
0:44

Day 13 Update - Aida the browser AI assistant. Aida can now think and execute plans - watch it scrape the current tab for all video titles on Rahul Mathur's Breakdown channel and save it as a txt file. Note that none of this code is written in advance or just a tool call, it writes code in realtime and dynamically executes it in the context of the browser. - Worked on the DOM Engine which provides better context to the assistant for dynamic code execution. - Wasn't satisfied with the design in the last update, tried to make it better. Whats next? Getting it to the hands of users. I've been gate-keeping this for too long. Made an accountability bet with Yogini Bende today to release it in a day.

Nakshatra Saxena

10,971 views • 11 months ago

🌐 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

56,203 views • 2 months ago

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 views • 1 year ago

Introducing Orchids, the world's first vibe coding IDE. Orchids can build, watch, and listen on par with a human developer. Orchids ranks #1 on App Bench, the most rigorous benchmark for end-to-end software development. An agent, IDE, built-in browser, Supabase, and Stripe all in a single tool. Local, no lock in, no browser limitations - the next step forward in building with AI. Comment for 100k free credits at orchids [dot] app.
1:03

Introducing Orchids, the world's first vibe coding IDE. Orchids can build, watch, and listen on par with a human developer. Orchids ranks #1 on App Bench, the most rigorous benchmark for end-to-end software development. An agent, IDE, built-in browser, Supabase, and Stripe all in a single tool. Local, no lock in, no browser limitations - the next step forward in building with AI. Comment for 100k free credits at orchids [dot] app.

Bud

849,366 views • 6 months ago

We're winning the AI browser wars, and we're not even trying. Our mission isn't to build a browser. We're an agent company, not a browser company. We've seen firsthand how teams struggle to get started with AI. The tools they tried are too complex and lack the context you need. We decided to build a browser since it's already the tool you work in. We all know how to use a browser. You can pick up Strawberry and start using AI agents from day one. By building a browser we are also positioning ourselves to build towards the internet of the future. An internet where trillions of agents will be communicating with each other. This is the biggest opportunity of our lifetime. But someone has to make sure it is safe, effective and accessible to teams across the world. That is our mission.
0:52

We're winning the AI browser wars, and we're not even trying. Our mission isn't to build a browser. We're an agent company, not a browser company. We've seen firsthand how teams struggle to get started with AI. The tools they tried are too complex and lack the context you need. We decided to build a browser since it's already the tool you work in. We all know how to use a browser. You can pick up Strawberry and start using AI agents from day one. By building a browser we are also positioning ourselves to build towards the internet of the future. An internet where trillions of agents will be communicating with each other. This is the biggest opportunity of our lifetime. But someone has to make sure it is safe, effective and accessible to teams across the world. That is our mission.

Charles Maddock

36,926 views • 8 days 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.
2:21

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

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

259,165 views • 4 months ago

INTRODUCING Notte Building the agentic internet with the strongest web browser for LLM agents. We transform ANY webpage into structured text, enabling better web understanding and navigation. Plug any LLM to to build your own AI agent
0:39

INTRODUCING Notte Building the agentic internet with the strongest web browser for LLM agents. We transform ANY webpage into structured text, enabling better web understanding and navigation. Plug any LLM to to build your own AI agent

Notte

225,195 views • 1 year 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 👇
6:45

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

More Math to Shaders!! Visualize(and edit) both the code and the visuals instantly. Now with data types and control flow, we can create function nodes with multi-line math to code. Here's SDFs for Box, Sphere, Torus and Plane in maths straight from iq's blog All in a browser!
1:34

More Math to Shaders!! Visualize(and edit) both the code and the visuals instantly. Now with data types and control flow, we can create function nodes with multi-line math to code. Here's SDFs for Box, Sphere, Torus and Plane in maths straight from iq's blog All in a browser!

Palash Bansal

27,778 views • 1 year ago

Inspector (Inspector) is an AI IDE for front-end that connects browser and codebase. It lets you select elements visually and prompt changes, giving coding agents access to the same runtime context developers have: visuals, elements, and logs.
0:58

Inspector (Inspector) is an AI IDE for front-end that connects browser and codebase. It lets you select elements visually and prompt changes, giving coding agents access to the same runtime context developers have: visuals, elements, and logs.

Y Combinator

115,339 views • 7 months ago

wtf is MCP? Paul Klein IV, CEO of explains "Model Context Protocol" (MCP) in plain terms: "There's this new way that people are exposing tools to AI & the 'Model Context Protocol' is one of those ways that you can standardize & give your AI a set of tools to call. BrowserBase has a way to expose the browser to your agent via MCP or MCP server. More & more developers are trying to find ways to integrate more functionalities to their AI agents & BrowserBase's browsers are one of those primitive functionalities, & the MCP is just one way to integrate it into your software." Paul Klein IV From 🅱️'s GitHub: Model Context Protocol (MCP) is an open protocol that enables seamless integration between LLM applications and external data sources and tools. Whether you’re building an AI-powered IDE, enhancing a chat interface, or creating custom AI workflows, MCP provides a standardized way to connect LLMs with the context they need. This server provides cloud browser automation capabilities using Browserbase and Stagehand. This server enables LLMs to interact with web pages, take screenshots, and execute JavaScript in a cloud browser environment.
0:40

wtf is MCP? Paul Klein IV, CEO of explains "Model Context Protocol" (MCP) in plain terms: "There's this new way that people are exposing tools to AI & the 'Model Context Protocol' is one of those ways that you can standardize & give your AI a set of tools to call. BrowserBase has a way to expose the browser to your agent via MCP or MCP server. More & more developers are trying to find ways to integrate more functionalities to their AI agents & BrowserBase's browsers are one of those primitive functionalities, & the MCP is just one way to integrate it into your software." Paul Klein IV From 🅱️'s GitHub: Model Context Protocol (MCP) is an open protocol that enables seamless integration between LLM applications and external data sources and tools. Whether you’re building an AI-powered IDE, enhancing a chat interface, or creating custom AI workflows, MCP provides a standardized way to connect LLMs with the context they need. This server provides cloud browser automation capabilities using Browserbase and Stagehand. This server enables LLMs to interact with web pages, take screenshots, and execute JavaScript in a cloud browser environment.

Molly O’Shea

20,408 views • 1 year ago

[2/5] Introducing Automation Studio 🪩 A dedicated IDE to craft, debug, and deploy browser agents and automations end-to-end. Write code and watch every step in real time with breakpoints and rich logs to fix issues instantly. Editor, live browser, and logs in one place. No context switching, faster iteration.
0:25

[2/5] Introducing Automation Studio 🪩 A dedicated IDE to craft, debug, and deploy browser agents and automations end-to-end. Write code and watch every step in real time with breakpoints and rich logs to fix issues instantly. Editor, live browser, and logs in one place. No context switching, faster iteration.

Notte

14,040 views • 6 months ago

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,730 views • 1 year ago