Loading video...

Video Failed to Load

Go Home

🚨BREAKING Claude is officially browser-native. The new Claude for Chrome extension runs end-to-end workflows in Chrome 🤯 You can: → Pull dashboard data into one analysis doc → Handle slide comments automatically → Build with Claude Code, test directly in Chrome and more!

DataChaz's profile picture

Charly Wargnier

150,746 subscribers

57,183 views • 9 months ago •via X (Twitter)

Science & Technology
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Using the extension, Claude Code can test code directly in the browser to validate its work. Claude can also see client-side errors via console logs. Try it out by running /chrome in the latest version of Claude Code.
0:37

Using the extension, Claude Code can test code directly in the browser to validate its work. Claude can also see client-side errors via console logs. Try it out by running /chrome in the latest version of Claude Code.

Claude

784,741 views • 9 months ago

Advent of Claude Day 19 - Claude Code + Chrome Claude can now directly interact with your browser. Navigating pages, clicking buttons, reading console errors, inspecting the DOM, and more. "Fix the bug and verify it works" is now one prompt. /chrome to start.
0:36

Advent of Claude Day 19 - Claude Code + Chrome Claude can now directly interact with your browser. Navigating pages, clicking buttons, reading console errors, inspecting the DOM, and more. "Fix the bug and verify it works" is now one prompt. /chrome to start.

Ado

137,552 views • 9 months 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

260,591 views • 7 months ago

omg... We now have "Vibe Vibe Coding" The Claude Chrome Extension is prompting Claude 4.5 Opus in the vibecode.dev to build an iOS App.
0:36

omg... We now have "Vibe Vibe Coding" The Claude Chrome Extension is prompting Claude 4.5 Opus in the vibecode.dev to build an iOS App.

Riley Brown

119,491 views • 9 months ago

Claude can use code to analyze data, create files, and visualize insights in the files & formats you use. Now available to all paid plans in preview. We've also made the Claude for Chrome extension available to everyone who joined the waitlist last month.
1:41

Claude can use code to analyze data, create files, and visualize insights in the files & formats you use. Now available to all paid plans in preview. We've also made the Claude for Chrome extension available to everyone who joined the waitlist last month.

Claude

129,351 views • 11 months ago

Introducing Component Grab SuperDesign.Dev Chrome extension allows you to grab any UI component in browser We turn messy DOM into clean tailwind code pixel perfectly Paste into Superdesign AI native canvas to vibe design Or paste into Claude code/Cursor Free forever:
1:58

Introducing Component Grab SuperDesign.Dev Chrome extension allows you to grab any UI component in browser We turn messy DOM into clean tailwind code pixel perfectly Paste into Superdesign AI native canvas to vibe design Or paste into Claude code/Cursor Free forever:

Jason Zhou

78,413 views • 9 months ago

BREAKING: Claude just got a massive upgrade today and I'm so happy to be a part it. From now on, Claude Opus 4.6 can build Chrome Extensions for every Chromium-based browser. We just launched Shipper, a tool that lets Claude: ✅ Build complete Chrome Extensions ✅ Recreate existing Extensions ✅ Ensure multi-browser comatibility ✅ Write privacy policies ✅ Autofill entire Chrome Web Store listings Claude Opus 4.6 can do all the above in 1 simple prompt for as low as $0.11/extension... And it takes minutes, not hours! Open up Shipper and ask Claude to "create a free ad block extension" or "auto-invite 950 people weekly on linkedin". Since this is a very special launch, if you comment "shipper" you will get FREE credits :)
1:59

BREAKING: Claude just got a massive upgrade today and I'm so happy to be a part it. From now on, Claude Opus 4.6 can build Chrome Extensions for every Chromium-based browser. We just launched Shipper, a tool that lets Claude: ✅ Build complete Chrome Extensions ✅ Recreate existing Extensions ✅ Ensure multi-browser comatibility ✅ Write privacy policies ✅ Autofill entire Chrome Web Store listings Claude Opus 4.6 can do all the above in 1 simple prompt for as low as $0.11/extension... And it takes minutes, not hours! Open up Shipper and ask Claude to "create a free ad block extension" or "auto-invite 950 people weekly on linkedin". Since this is a very special launch, if you comment "shipper" you will get FREE credits :)

David Ch

1,630,912 views • 7 months ago

Holy shit just found the secret Claude Code for web everyone missed: 1. Go to Jsbin/Jsfiddle/Codepen/Stackblitz 2. Open Claude Browser Extension 3. Ask Claude to build, and watch as it builds, runs, and debugs the app automatically.
0:33

Holy shit just found the secret Claude Code for web everyone missed: 1. Go to Jsbin/Jsfiddle/Codepen/Stackblitz 2. Open Claude Browser Extension 3. Ask Claude to build, and watch as it builds, runs, and debugs the app automatically.

cocktail peanut

85,010 views • 8 months ago

Anthropic released a TON of updates today: • Sonnet 4.5 (with context awareness) • Claude Code 2.0 (+ new mascot 🦀) • Claude API: context editing + memory tool Mike Krieger sat down for a special launch day chat about 4.5 and the Anthropic developer roadmap! (and more: • VS Code extension • Claude apps code execution and file creation • Claude for Chrome • Imagine with Claude) Available here or on our youtube channel:
26:24

Anthropic released a TON of updates today: • Sonnet 4.5 (with context awareness) • Claude Code 2.0 (+ new mascot 🦀) • Claude API: context editing + memory tool Mike Krieger sat down for a special launch day chat about 4.5 and the Anthropic developer roadmap! (and more: • VS Code extension • Claude apps code execution and file creation • Claude for Chrome • Imagine with Claude) Available here or on our youtube channel:

Latent.Space

12,237 views • 11 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

640,241 views • 6 months ago

Meet Kimi Web Bridge - Kimi's browser extension. Agent can now interact with websites like a human: search, scroll, click, type and complete tasks. Supports Kimi Code CLI, Claude Code, Cursor, Codex, Hermes, and more. Available now on and the Chrome Web Store.
1:03

Meet Kimi Web Bridge - Kimi's browser extension. Agent can now interact with websites like a human: search, scroll, click, type and complete tasks. Supports Kimi Code CLI, Claude Code, Cursor, Codex, Hermes, and more. Available now on and the Chrome Web Store.

Kimi.ai

247,626 views • 4 months ago

Claude Code + computer use is f*cking cracked 🤯 Build a landing page → Claude opens Chrome, looks at it, spots every issue, and fixes it — without you describing a single thing. All inside Claude Code. Perfect for DTC brands and agencies who are still vibe-coding landing pages and advertorials in Claude Code, then manually opening them in Chrome, spotting 15 things wrong, and describing every visual issue back to Claude one at a time. If you're building pages in Claude Code and your workflow looks like this — build the page, open it in Chrome, spot broken spacing, go back to Claude, type "the CTA button is too low and the hero image is cut off," wait for the fix, open Chrome again, find 3 new issues, describe those too ... Claude Code + computer use eliminates the entire loop: → Claude writes the full landing page or advertorial → Opens Chrome and navigates to it → Spots layout issues, broken spacing, off-brand colors, missing elements → Fixes everything and re-checks until the page looks right → Tests your Shopify product pages by clicking through like a real customer → Walks through your checkout flow and flags friction before customers hit it → You only see the finished, visually verified result No describing what you see on screen. No "the CTA button needs more contrast" back-and-forth. No being the eyeballs for an AI that can't see. What you get: → Landing pages and advertorials Claude builds AND visually QAs before you ever look at them → Product pages Claude clicks through — testing layout, images, and CTAs like a real user → HTML dashboards Claude opens and verifies the charts actually render → Checkout flows Claude walks through step by step to catch friction → All of it happening in one session — build, test, fix, done One prompt. Claude builds it, checks it, and fixes it. You just review the finished page. I put together a full playbook with the exact setup, the prompts, and 5 DTC workflows that use Claude Code + computer use. Want it for free? > Like this post > Comment "CLAUDE" And I'll send it over (must be following so I can DM)
0:20

Claude Code + computer use is f*cking cracked 🤯 Build a landing page → Claude opens Chrome, looks at it, spots every issue, and fixes it — without you describing a single thing. All inside Claude Code. Perfect for DTC brands and agencies who are still vibe-coding landing pages and advertorials in Claude Code, then manually opening them in Chrome, spotting 15 things wrong, and describing every visual issue back to Claude one at a time. If you're building pages in Claude Code and your workflow looks like this — build the page, open it in Chrome, spot broken spacing, go back to Claude, type "the CTA button is too low and the hero image is cut off," wait for the fix, open Chrome again, find 3 new issues, describe those too ... Claude Code + computer use eliminates the entire loop: → Claude writes the full landing page or advertorial → Opens Chrome and navigates to it → Spots layout issues, broken spacing, off-brand colors, missing elements → Fixes everything and re-checks until the page looks right → Tests your Shopify product pages by clicking through like a real customer → Walks through your checkout flow and flags friction before customers hit it → You only see the finished, visually verified result No describing what you see on screen. No "the CTA button needs more contrast" back-and-forth. No being the eyeballs for an AI that can't see. What you get: → Landing pages and advertorials Claude builds AND visually QAs before you ever look at them → Product pages Claude clicks through — testing layout, images, and CTAs like a real user → HTML dashboards Claude opens and verifies the charts actually render → Checkout flows Claude walks through step by step to catch friction → All of it happening in one session — build, test, fix, done One prompt. Claude builds it, checks it, and fixes it. You just review the finished page. I put together a full playbook with the exact setup, the prompts, and 5 DTC workflows that use Claude Code + computer use. Want it for free? > Like this post > Comment "CLAUDE" And I'll send it over (must be following so I can DM)

Mike Futia

19,143 views • 5 months ago

🚨 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

474,617 views • 5 months ago

Build in Lovable, from Claude. New native integrations with our MCP server = chat to Claude, export from Claude Design, and ship with Claude Code, directly to Lovable. To get started, go to Claude → Click on the + sign → Connectors → Browse Connectors → Lovable.
0:39

Build in Lovable, from Claude. New native integrations with our MCP server = chat to Claude, export from Claude Design, and ship with Claude Code, directly to Lovable. To get started, go to Claude → Click on the + sign → Connectors → Browse Connectors → Lovable.

Lovable

73,997 views • 3 months ago

We’ve developed Claude for Chrome, where Claude works directly in your browser and takes actions on your behalf. We’re releasing it at first as a research preview to 1,000 users, so we can gather real-world insights on how it’s used.
0:32

We’ve developed Claude for Chrome, where Claude works directly in your browser and takes actions on your behalf. We’re releasing it at first as a research preview to 1,000 users, so we can gather real-world insights on how it’s used.

Anthropic

1,614,724 views • 1 year ago

How to add Chrome DevTools MCP to Claude Code (Bookmark this post to follow the setup later) This lets Claude debug your web apps in a real browser... performance traces, network inspection, console errors. Requirements: - Node.js 22+ - Chrome browser In the video below I show you: - How to install the MCP server - How to verify the DevTools tools are available - How to use it with a real performance trace
1:01

How to add Chrome DevTools MCP to Claude Code (Bookmark this post to follow the setup later) This lets Claude debug your web apps in a real browser... performance traces, network inspection, console errors. Requirements: - Node.js 22+ - Chrome browser In the video below I show you: - How to install the MCP server - How to verify the DevTools tools are available - How to use it with a real performance trace

Daniel San

52,315 views • 11 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 • 1 year ago

Breaking🚨: Claude can now build full ad workflows for you. connect claude to crafft drop your character + product in chat claude builds the workflow, writes the prompt, runs Seedance 2 no time limit. no scene pre-gen. one ref = infinite ads. RT + comment "skill" and I'll send the file
0:32

Breaking🚨: Claude can now build full ad workflows for you. connect claude to crafft drop your character + product in chat claude builds the workflow, writes the prompt, runs Seedance 2 no time limit. no scene pre-gen. one ref = infinite ads. RT + comment "skill" and I'll send the file

Ahmad

10,654 views • 4 months 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 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 uses Claude Code as the default agent. (Full prompt below 👇)

The Agenteer

47,564 views • 7 months ago

You can now delegate tasks to Claude Code directly from Slack. Simply tag @.Claude in a channel or thread. Coding tasks will automatically be routed to Claude Code and start up a new session on the web.
0:41

You can now delegate tasks to Claude Code directly from Slack. Simply tag @.Claude in a channel or thread. Coding tasks will automatically be routed to Claude Code and start up a new session on the web.

Claude

326,771 views • 9 months ago