Загрузка видео...

Не удалось загрузить видео

На главную

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

dr_cintas's profile picture

Alvaro Cintas

130,528 subscribers

47,136 просмотров • 2 месяцев назад •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 0

Нет доступных комментариев

Здесь появятся комментарии из оригинального поста

Похожие видео

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,845 просмотров • 3 месяцев назад

🚨 Someone just built a Claude Code skill that clones any website perfectly in one prompt. It uses the built-in Chrome MCP to go straight to the source. It pulls the exact fonts, colors, and layout directly from the browser. 100% Open Source.
1:14

🚨 Someone just built a Claude Code skill that clones any website perfectly in one prompt. It uses the built-in Chrome MCP to go straight to the source. It pulls the exact fonts, colors, and layout directly from the browser. 100% Open Source.

Oliver Prompts

473,746 просмотров • 3 месяцев назад

Hit your usage limit in Codex/Claude Code mid-task? Orca now lets you resume the exact same session in a different agent harness — one click. Codex ⇄ Claude Code, full context intact🔥
0:55

Hit your usage limit in Codex/Claude Code mid-task? Orca now lets you resume the exact same session in a different agent harness — one click. Codex ⇄ Claude Code, full context intact🔥

Orca ADE

48,577 просмотров • 11 дней назад

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,798 просмотров • 4 месяцев назад

Think of it as the Shopify of Claude Code, but for agents, commands, and MCPs 🚀 Pick what you need, “add to cart,” and… it’s 100% FREE. Just copy the command, paste it in your terminal, and instantly get the perfect Claude Code stack for your project. Built as an open-source project so the community can spin up, share, and install Claude Code stacks in seconds, no setup headaches, no paywalls. Here’s the video showing how I built this post… and yes, if you share the command, anyone can clone the exact same stack you’re using. Enjoy, share, and help others build faster with Claude Code ✨
0:59

Think of it as the Shopify of Claude Code, but for agents, commands, and MCPs 🚀 Pick what you need, “add to cart,” and… it’s 100% FREE. Just copy the command, paste it in your terminal, and instantly get the perfect Claude Code stack for your project. Built as an open-source project so the community can spin up, share, and install Claude Code stacks in seconds, no setup headaches, no paywalls. Here’s the video showing how I built this post… and yes, if you share the command, anyone can clone the exact same stack you’re using. Enjoy, share, and help others build faster with Claude Code ✨

Daniel San

124,913 просмотров • 1 год назад

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,254 просмотров • 1 год назад

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 просмотров • 11 месяцев назад

Claude Code on desktop now has an in-app browser. Claude can pull up docs, designs, or any other site. It can read, click through, and interact the same way it does with your local dev servers. It's sandboxed and configurable: you choose whether sessions persist.
0:47

Claude Code on desktop now has an in-app browser. Claude can pull up docs, designs, or any other site. It can read, click through, and interact the same way it does with your local dev servers. It's sandboxed and configurable: you choose whether sessions persist.

ClaudeDevs

3,394,624 просмотров • 24 дней назад

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,563 просмотров • 1 год назад

CLAUDE CODE JUST GOT EYES Claude Code on desktop can now open and use a real browser, right inside the app. No screenshots, no copy pasting, no separate tools. - It opens docs, designs, or any site next to your code - It clicks, types, and fills forms exactly like a human would - It takes its own screenshots to check if the code actually works - It runs in a clean separate profile, none of your logins touched Your AI coding assistant just stopped being blind.
0:47

CLAUDE CODE JUST GOT EYES Claude Code on desktop can now open and use a real browser, right inside the app. No screenshots, no copy pasting, no separate tools. - It opens docs, designs, or any site next to your code - It clicks, types, and fills forms exactly like a human would - It takes its own screenshots to check if the code actually works - It runs in a clean separate profile, none of your logins touched Your AI coding assistant just stopped being blind.

BuBBliK

49,154 просмотров • 24 дней назад

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 просмотров • 1 год назад

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,901 просмотров • 1 год назад

Best way to debug Claude Code sessions and inspect agent context. Just Run: npx claude-code-templates@latest --chats Browser interface with advanced search across all your sessions (name, ID, directory, dates, message content). Shows every tool call with exact JSON executed. Resume button lets you continue any session - efficient context loading. Runs completely local and open source 👏
0:36

Best way to debug Claude Code sessions and inspect agent context. Just Run: npx claude-code-templates@latest --chats Browser interface with advanced search across all your sessions (name, ID, directory, dates, message content). Shows every tool call with exact JSON executed. Resume button lets you continue any session - efficient context loading. Runs completely local and open source 👏

Daniel San

32,873 просмотров • 9 месяцев назад

Claude Code Templates just hit 100+ Skills on Installing is easy - one click to copy the install command, paste it in your project's .claude folder, done. - 67K npm installs - 13K+ GitHub stars - fully open source Thanks to the community for contributing Skills and components. In the video I show how to add a Data Privacy Compliance Skill to your project.
0:36

Claude Code Templates just hit 100+ Skills on Installing is easy - one click to copy the install command, paste it in your project's .claude folder, done. - 67K npm installs - 13K+ GitHub stars - fully open source Thanks to the community for contributing Skills and components. In the video I show how to add a Data Privacy Compliance Skill to your project.

Daniel San

164,637 просмотров • 7 месяцев назад

You can now type "&" in the Claude Code CLI to start a task in the background and teleport it to Claude Code Web!
0:30

You can now type "&" in the Claude Code CLI to start a task in the background and teleport it to Claude Code Web!

Thariq

97,553 просмотров • 8 месяцев назад

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,174,463 просмотров • 4 месяцев назад

React Native devs: Your background agent can now hot reload in the cloud. We built a CLI that tunnels your local Expo app to a cloud simulator so every code change shows up live. Claude Code can now: - Edit a component - Watch it render live - Confirm the change No simulator on your laptop. No screenshots. A live dev loop, in the cloud, at scale.
0:33

React Native devs: Your background agent can now hot reload in the cloud. We built a CLI that tunnels your local Expo app to a cloud simulator so every code change shows up live. Claude Code can now: - Edit a component - Watch it render live - Confirm the change No simulator on your laptop. No screenshots. A live dev loop, in the cloud, at scale.

Landseer Enga

29,391 просмотров • 4 месяцев назад

Introducing the Illustrated Transformer in 3D 🚀 Fly through LLaMA like never before. See every tensor and operation in motion. Click any component to reveal the exact lines of code that run it. A new way to learn and teach LLMs. Try it out in the link below 👇
0:35

Introducing the Illustrated Transformer in 3D 🚀 Fly through LLaMA like never before. See every tensor and operation in motion. Click any component to reveal the exact lines of code that run it. A new way to learn and teach LLMs. Try it out in the link below 👇

alphaXiv

50,503 просмотров • 9 месяцев назад

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 просмотров • 9 месяцев назад