Loading video...

Video Failed to Load

Go Home

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...

om_patel5's profile picture

Om Patel

25,594 subscribers

152,549 views • 3 months ago •via X (Twitter)

ComedyEducationScience & Technology
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

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 • 2 months ago

this is insane. just toggle this button and any coding agent can use your browser > no more Chrome extensions > One button, connect Claude Code to your browser all you need is the right harness... try it with the Browser Use CLI right now!
0:32

this is insane. just toggle this button and any coding agent can use your browser > no more Chrome extensions > One button, connect Claude Code to your browser all you need is the right harness... try it with the Browser Use CLI right now!

shawn

639,528 views • 3 months ago

Claude Code UI is now available in VSCode via CodeGPT extension! 🙌 You can now run Claude Code directly in your editor and control the planning process. You can pause it, edit tasks, or add new ones while Claude is working. This helps keep Claude on track and makes it way more effective since you can adjust things as it goes. Setup: - Download the extensión - Click the Claude Code OAuth - Authorize the extension - Paste your account code to link Claude Code directly - Done ✅ Works on VSCode and JetBrains editors (Android Studio, IntelliJ, PyCharm, etc.) VSCode : Jetbrains:
0:48

Claude Code UI is now available in VSCode via CodeGPT extension! 🙌 You can now run Claude Code directly in your editor and control the planning process. You can pause it, edit tasks, or add new ones while Claude is working. This helps keep Claude on track and makes it way more effective since you can adjust things as it goes. Setup: - Download the extensión - Click the Claude Code OAuth - Authorize the extension - Paste your account code to link Claude Code directly - Done ✅ Works on VSCode and JetBrains editors (Android Studio, IntelliJ, PyCharm, etc.) VSCode : Jetbrains:

Daniel San

106,169 views • 10 months ago

Claude Skills is the most powerful way to automate your life with AI. Any computer task you do regularly can be built into a workflow that runs exactly how you want it. This video will teach you how to master Claude Skills. (and change how you use Claude forever):
20:41

Claude Skills is the most powerful way to automate your life with AI. Any computer task you do regularly can be built into a workflow that runs exactly how you want it. This video will teach you how to master Claude Skills. (and change how you use Claude forever):

Miles Deutscher

67,864 views • 2 months ago

You can now add Claude Code to any vibe coded app. We just launched the new Claude Code integration on vibecode.dev. Which allows you to build fully Agentic Applications. In a single prompt, with no API Key. Here's is an example and tutorial: 0:00 - Claude Code for Twitter Example 01:52 - Building the Claude Code for Motion Graphics
4:53

You can now add Claude Code to any vibe coded app. We just launched the new Claude Code integration on vibecode.dev. Which allows you to build fully Agentic Applications. In a single prompt, with no API Key. Here's is an example and tutorial: 0:00 - Claude Code for Twitter Example 01:52 - Building the Claude Code for Motion Graphics

Riley Brown

30,119 views • 4 months ago

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

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 views • 11 months ago

Meet Hemingway. Turn any website into a freeform writing canvas or have AI help you write. Double click any text element to write freely. Or generate new ideas with Claude. Changes are instantly synced to your codebase. Free and open source. Enjoy!
0:36

Meet Hemingway. Turn any website into a freeform writing canvas or have AI help you write. Double click any text element to write freely. Or generate new ideas with Claude. Changes are instantly synced to your codebase. Free and open source. Enjoy!

Hunter Hammonds

14,231 views • 4 months ago

Claude Code just got a lot easier to use 🙌 Just updated You can now install agents, commands, MCPs, and templates with a single command. Click on any card and it gives you the exact line to run. Everything is pulled from GitHub, the site runs on GitHub Pages, and downloads are logged with GitHub Actions.
1:05

Claude Code just got a lot easier to use 🙌 Just updated You can now install agents, commands, MCPs, and templates with a single command. Click on any card and it gives you the exact line to run. Everything is pulled from GitHub, the site runs on GitHub Pages, and downloads are logged with GitHub Actions.

Daniel San

135,224 views • 11 months ago

Computer use is now in Claude Code. Claude can open your apps, click through your UI, and test what it built, right from the CLI. Now in research preview on Pro and Max plans.
0:45

Computer use is now in Claude Code. Claude can open your apps, click through your UI, and test what it built, right from the CLI. Now in research preview on Pro and Max plans.

Claude

16,157,663 views • 3 months ago

How I have Claude automate anything I do on my computer just by showing it: I use the free Clips app and hit record to start recording. Then I just do the action - like navigating to Rippling and approving any unapproved time off - and I’ll often just talk out loud as I do it explaining any add’l details like I would when showing a human. The Clips app captures everything on your screen and everything you say, and transforms it into a format Claude can “see and hear”. You'll then get a link that you can easily share with Claude (or humans too). I’ll paste it to Claude and say something like, "automate this for me every day at 8:00 AM." The link has special metadata that agents like Claude can discover. It exposes APIs to see the full transcript with timestamps and grab screenshots of what was on your screen at any of those timestamps. Once it's created the routine, you can go to the Routines tab in Claude Code desktop app. This also works with the CLI, Claude Cowork, Codex etc. You’ll see your new routine there, and you can just hit Run Now to have it start running it. Video attached shows this step by step. The Clips apps is free and open source - I’ll link to it and the source code in the thread.
1:54

How I have Claude automate anything I do on my computer just by showing it: I use the free Clips app and hit record to start recording. Then I just do the action - like navigating to Rippling and approving any unapproved time off - and I’ll often just talk out loud as I do it explaining any add’l details like I would when showing a human. The Clips app captures everything on your screen and everything you say, and transforms it into a format Claude can “see and hear”. You'll then get a link that you can easily share with Claude (or humans too). I’ll paste it to Claude and say something like, "automate this for me every day at 8:00 AM." The link has special metadata that agents like Claude can discover. It exposes APIs to see the full transcript with timestamps and grab screenshots of what was on your screen at any of those timestamps. Once it's created the routine, you can go to the Routines tab in Claude Code desktop app. This also works with the CLI, Claude Cowork, Codex etc. You’ll see your new routine there, and you can just hit Run Now to have it start running it. Video attached shows this step by step. The Clips apps is free and open source - I’ll link to it and the source code in the thread.

Steve (Builder.io)

24,787 views • 7 days ago

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,605 views • 3 months ago

🚨 BREAKING: Clone any successful company Claude Code Opus 4.6 in Shipper can take any app and make it yours: design, code, business plan... you can now ship the next duolingo / twitter / airbnb / etc this is THE END of vibe coding.
0:51

🚨 BREAKING: Clone any successful company Claude Code Opus 4.6 in Shipper can take any app and make it yours: design, code, business plan... you can now ship the next duolingo / twitter / airbnb / etc this is THE END of vibe coding.

Shipper

241,705 views • 3 months ago

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,523 views • 8 months ago

Just Shipped: The AI Ads Cloner 🧬🤖 Took me 3 days of tryhard to make it, but the result is worth it You can now clone any ad with AI in just one click with the Chrome Extension 😃 Can be done from: - The "Clone Ad" button in the Facebook Ads library - By doing a right click on any image! Available for all Generate Ads customers :)
2:04

Just Shipped: The AI Ads Cloner 🧬🤖 Took me 3 days of tryhard to make it, but the result is worth it You can now clone any ad with AI in just one click with the Chrome Extension 😃 Can be done from: - The "Clone Ad" button in the Facebook Ads library - By doing a right click on any image! Available for all Generate Ads customers :)

Nico

36,368 views • 1 year ago

ohhh my... Claude Code for Video Animations is insane. In 1 prompt you can create animated videos with Claude Code... w/ the new Remotion skill. And you can do this in the browser because vibecode.dev uses Claude Code as the default agent. (Full prompt below 👇)
1:00

ohhh my... Claude Code for Video Animations is insane. In 1 prompt you can create animated videos with Claude Code... w/ the new Remotion skill. And you can do this in the browser because vibecode.dev uses Claude Code as the default agent. (Full prompt below 👇)

Vibecoding Explained

40,260 views • 5 months ago

introducing annotation mode in AI Studio refining your app should be as easy as pointing at what you want to change: simply highlight any component, button or text in your app and Gemini will handle the heavy lifting
0:37

introducing annotation mode in AI Studio refining your app should be as easy as pointing at what you want to change: simply highlight any component, button or text in your app and Gemini will handle the heavy lifting

Google AI Studio

122,249 views • 8 months ago

Have you tried our latest feature, Click to Edit? It may not be able to do the dishes or clean your bedroom, but it is powerful. Click any elements within your app and ask Caffeine to update it. Give it a click.
0:25

Have you tried our latest feature, Click to Edit? It may not be able to do the dishes or clean your bedroom, but it is powerful. Click any elements within your app and ask Caffeine to update it. Give it a click.

caffeine

18,800 views • 6 months ago

THIS GUY BUILT AN ENTIRE COMPANY AI BRAIN IN CLAUDE CODE IN 7 DAYS No Obsidian required... Click any employee and it opens up: - who they manage - what projects they're on - what data they can touch Every employee gets their own version of Claude Sales can't see HR data. HR can't see sales. It knows who you are before you type a word no dev team no six month build no budget Just Claude Code and one week This is what it looks like when Claude Code is set up right Btw ClaudeKit builds this kind of setup into Claude Code out of the box theclaudekit(.)com I've made a guide on 9 features most people never touch find it below
1:18

THIS GUY BUILT AN ENTIRE COMPANY AI BRAIN IN CLAUDE CODE IN 7 DAYS No Obsidian required... Click any employee and it opens up: - who they manage - what projects they're on - what data they can touch Every employee gets their own version of Claude Sales can't see HR data. HR can't see sales. It knows who you are before you type a word no dev team no six month build no budget Just Claude Code and one week This is what it looks like when Claude Code is set up right Btw ClaudeKit builds this kind of setup into Claude Code out of the box theclaudekit(.)com I've made a guide on 9 features most people never touch find it below

Madni Aghadi

108,806 views • 12 days ago

We just built Figma for Claude Code > Select any element on your local front-end > Edit it like you would in Figma > Apply the changes with Claude Code This is not a demo or waitlist. Try it today.
0:22

We just built Figma for Claude Code > Select any element on your local front-end > Edit it like you would in Figma > Apply the changes with Claude Code This is not a demo or waitlist. Try it today.

Quentin Romero Lauro

250,676 views • 5 months ago