Loading video...

Video Failed to Load

Go Home

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.

claudeai's profile picture

Claude

1,417,085 subscribers

782,956 views • 5 months ago •via X (Twitter)

EducationScience & Technology
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

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,446 views • 5 months ago

🚨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!
1:35

🚨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!

Charly Wargnier

57,183 views • 5 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

258,689 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 • 10 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

105,989 views • 9 months ago

How to hide the claude code sidebar in cursor without exiting it! now you can use the claude code extension in cursor and toggle it off when you need some space to code without an AI agent 😱
2:41

How to hide the claude code sidebar in cursor without exiting it! now you can use the claude code extension in cursor and toggle it off when you need some space to code without an AI agent 😱

Ian Nuttall

22,322 views • 11 months ago

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,324 views • 6 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 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 • 4 months ago

We’ve been building this in secret for a while. We love Claude Code, and we’ve reimplemented “Claude Code” in Genspark. Introducing Genspark AI Developer - “Claude Code” in the browser - “Claude Code” on mobile - Everyone can build, no coding experience required - Supports multiple frontier models: Claude Sonnet 4, Claude Opus 4.1, GPT‑5, Kimi + Groq 1/4
3:24

We’ve been building this in secret for a while. We love Claude Code, and we’ve reimplemented “Claude Code” in Genspark. Introducing Genspark AI Developer - “Claude Code” in the browser - “Claude Code” on mobile - Everyone can build, no coding experience required - Supports multiple frontier models: Claude Sonnet 4, Claude Opus 4.1, GPT‑5, Kimi + Groq 1/4

Eric Jing

23,245,468 views • 9 months ago

Claude Code now has eyes. Day 2 of Bugster Launch Week: Browser Testing Skill. Claude can see your app, test features in real time, and create E2E tests right from the editor.
1:25

Claude Code now has eyes. Day 2 of Bugster Launch Week: Browser Testing Skill. Claude can see your app, test features in real time, and create E2E tests right from the editor.

Facundo

17,960 views • 6 months ago

Claude Code is now included in the Claude Pro plan which means Pro plan subscribers can use their rate limits for Claude apps and Claude Code! To celebrate, here's a conversation with Claude Code's founding engineer, Boris Cherny, on: - how we use Claude Code at Anthropic - underrated tips for using it effectively - the future of coding tools - and more!
20:43

Claude Code is now included in the Claude Pro plan which means Pro plan subscribers can use their rate limits for Claude apps and Claude Code! To celebrate, here's a conversation with Claude Code's founding engineer, Boris Cherny, on: - how we use Claude Code at Anthropic - underrated tips for using it effectively - the future of coding tools - and more!

Alex Albert

123,686 views • 1 year 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

128,669 views • 8 months ago

Test: Can I vibe-edit a video using Claude Code?
0:42

Test: Can I vibe-edit a video using Claude Code?

Jonny Burger

19,385 views • 4 months ago

Boris Cherny: "Claude Code is 100% written by Claude Code, Cowork is 100% written by Claude Code" across all of Anthropic, 90% of code is written by Claude lawyers, designers, finance people are building real things with Claude Code right now with no CS degree, no background, nothing the people who built the tool use the tool to build the tool think about what that means for everyone else the guide on everything Claude can actually do is in the article below
2:15

Boris Cherny: "Claude Code is 100% written by Claude Code, Cowork is 100% written by Claude Code" across all of Anthropic, 90% of code is written by Claude lawyers, designers, finance people are building real things with Claude Code right now with no CS degree, no background, nothing the people who built the tool use the tool to build the tool think about what that means for everyone else the guide on everything Claude can actually do is in the article below

Anatoli Kopadze

90,364 views • 10 days ago

Figma just gave AI agents the canvas. Claude Code can now design directly in Figma via MCP + Skills👇
0:32

Figma just gave AI agents the canvas. Claude Code can now design directly in Figma via MCP + Skills👇

Min Choi

48,999 views • 2 months ago

There's a built-in agent inside Claude Code you can invoke just by telling Claude to use the claude-code-guide agent Save this... you'll need it It's not a local file in your project. It's a built-in subagent defined in Claude Code's system itself. It answers questions about Claude Code CLI, the Agent SDK, and the Claude API. It uses Glob, Grep, Read, WebFetch, and WebSearch, but can't edit or write files. Its only job is to answer questions.
0:22

There's a built-in agent inside Claude Code you can invoke just by telling Claude to use the claude-code-guide agent Save this... you'll need it It's not a local file in your project. It's a built-in subagent defined in Claude Code's system itself. It answers questions about Claude Code CLI, the Agent SDK, and the Claude API. It uses Glob, Grep, Read, WebFetch, and WebSearch, but can't edit or write files. Its only job is to answer questions.

Daniel San

57,240 views • 3 months ago

Live! Try out the compounding engineering philosophy in Claude Code:
3:03

Live! Try out the compounding engineering philosophy in Claude Code:

Kieran Klaassen

90,841 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,078 views • 5 months ago

Claude in Chrome is now available to all paid plans. We’ve also shipped an integration with Claude Code.
1:35

Claude in Chrome is now available to all paid plans. We’ve also shipped an integration with Claude Code.

Claude

1,225,274 views • 5 months 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,294 views • 7 months ago