Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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 görüntüleme • 2 ay önce •via X (Twitter)

KomediEğitimBilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

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

Benzer Videolar

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

249,615 görüntüleme • 4 ay önce

You can now give AI agents the ability to interact with ANY website. This new MCP server lets Claude, Cursor, or any AI agent navigate, click, fill forms, and extract data from sites without APIs. Just connect it and give it a URL + goal. Here’s how to set it up:
0:32

You can now give AI agents the ability to interact with ANY website. This new MCP server lets Claude, Cursor, or any AI agent navigate, click, fill forms, and extract data from sites without APIs. Just connect it and give it a URL + goal. Here’s how to set it up:

Alvaro Cintas

77,654 görüntüleme • 6 ay önce