Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

Chrome DevTools MCP in Cursor

asidorenko_'s profile picture

Alex Sidorenko

35,353 subscribers

37,703 Aufrufe • vor 8 Monaten •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

Announcing our public preview of Chrome DevTools MCP! Experience the full power of DevTools in your AI coding agent → With Chrome DevTools MCP, your AI agent can run performance traces, inspect the DOM, & perform real-time debugging of your web pages.
0:32

Announcing our public preview of Chrome DevTools MCP! Experience the full power of DevTools in your AI coding agent → With Chrome DevTools MCP, your AI agent can run performance traces, inspect the DOM, & perform real-time debugging of your web pages.

Chrome for Developers

1,042,627 Aufrufe • vor 11 Monaten

Connect your agents directly to Chrome DevTools. 🛠️ The new Chrome DevTools MCP server allows agents to inspect the DOM and debug console errors in real-time using Gemini CLI or any compatible agent. Check out the documentation on GitHub →
1:01

Connect your agents directly to Chrome DevTools. 🛠️ The new Chrome DevTools MCP server allows agents to inspect the DOM and debug console errors in real-time using Gemini CLI or any compatible agent. Check out the documentation on GitHub →

Google for Developers

22,793 Aufrufe • vor 8 Monaten

Claude Code 的 Chrome DevTools MCP用上了，好用！ 完成了自动化测试，用的是 Deepseek 3.1 的最新模型。用起来也舒服，费用可控。 —— MCP添加方式： claude mcp add chrome-devtools -- npx chrome-devtools-mcp@latest —— 调用方法，比如：“请你进行联调测试，可以使用浏览器”
1:13

Claude Code 的 Chrome DevTools MCP用上了，好用！ 完成了自动化测试，用的是 Deepseek 3.1 的最新模型。用起来也舒服，费用可控。 —— MCP添加方式： claude mcp add chrome-devtools -- npx chrome-devtools-mcp@latest —— 调用方法，比如：“请你进行联调测试，可以使用浏览器”

熊布朗（deeptoai.com)

43,333 Aufrufe • vor 11 Monaten

This update quietly changed coding forever. Here’s the new flow ⤵️ 1. Install Chrome DevTools MCP 2. Connect Cursor or Claude or Copilot 3. AI launches Chrome 4. AI inspects DOM + console 5. AI fixes and validates bugs No screenshots. No guessing. Save this video, you’ll automate debugging. Want the SOP? DM me. 💬
8:03

This update quietly changed coding forever. Here’s the new flow ⤵️ 1. Install Chrome DevTools MCP 2. Connect Cursor or Claude or Copilot 3. AI launches Chrome 4. AI inspects DOM + console 5. AI fixes and validates bugs No screenshots. No guessing. Save this video, you’ll automate debugging. Want the SOP? DM me. 💬

Julian Goldie SEO

28,948 Aufrufe • vor 8 Monaten

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 Aufrufe • vor 11 Monaten

Chrome DevTools MCP is going to be a Swiss-Army knife MCP. Watch me use it here with Gemini CLI to open Google Scholar, search for a term, and save the top 5 PDFs to a local folder. I cannot stop thinking of all sorts of personal automation possibilities with this. Amazing release from the Chrome for Developers team!
2:02

Chrome DevTools MCP is going to be a Swiss-Army knife MCP. Watch me use it here with Gemini CLI to open Google Scholar, search for a term, and save the top 5 PDFs to a local folder. I cannot stop thinking of all sorts of personal automation possibilities with this. Amazing release from the Chrome for Developers team!

Delip Rao e/σ

239,248 Aufrufe • vor 11 Monaten

I created a small tool to automatically set breakpoints in Chrome using the CDP (Chrome DevTools Protocol). It’s still in beta, but I’m actively working on a complete version..
0:46

I created a small tool to automatically set breakpoints in Chrome using the CDP (Chrome DevTools Protocol). It’s still in beta, but I’m actively working on a complete version..

m4ll0k

12,172 Aufrufe • vor 1 Jahr

goose + the Chrome DevTools MCP server is a cheat code. It fixes all my Docusaurus and TailwindCSS issues, then checks desktop, tablet, and mobile to confirm the fix actually worked. The future is now 😂
1:10

goose + the Chrome DevTools MCP server is a cheat code. It fixes all my Docusaurus and TailwindCSS issues, then checks desktop, tablet, and mobile to confirm the fix actually worked. The future is now 😂

Rizèl Scarlett 🇦🇬🇬🇾

75,408 Aufrufe • vor 9 Monaten

Imagine MCP 🤝 Cursor Yes, you. Stop alt-tabbing. ImagineArt is in Cursor now, MCP integration. Your agent does the visuals. Nano Banana Pro, Seedance 2.0, all of it.
0:33

Imagine MCP 🤝 Cursor Yes, you. Stop alt-tabbing. ImagineArt is in Cursor now, MCP integration. Your agent does the visuals. Nano Banana Pro, Seedance 2.0, all of it.

ImagineArt

1,106,984 Aufrufe • vor 2 Monaten

Want to debug device-controlled CSS parallax effects without using a device? Simulate device orientation in Chrome DevTools 👇
0:27

Want to debug device-controlled CSS parallax effects without using a device? Simulate device orientation in Chrome DevTools 👇

jhey ʕ•ᴥ•ʔ

272,807 Aufrufe • vor 2 Jahren

Why pay for LinkedIn Premium when you can just fire up Chrome devtools? 😏
0:32

Why pay for LinkedIn Premium when you can just fire up Chrome devtools? 😏

Chaz Wargnier ♨️

1,028,563 Aufrufe • vor 5 Monaten

Setup MCP on Cursor with Google Docs in less than 2 mins!! I used Cursor to to create PRDs in Google Docs Here's how you can do it too: - Go to the MCP directory - Search for Google Docs and grab your sse url - Paste the url and set up MCP in Cursor - Use Cursor Agent to authenticate and create PRD Check out the 100+ tools available at
0:25

Setup MCP on Cursor with Google Docs in less than 2 mins!! I used Cursor to to create PRDs in Google Docs Here's how you can do it too: - Go to the MCP directory - Search for Google Docs and grab your sse url - Paste the url and set up MCP in Cursor - Use Cursor Agent to authenticate and create PRD Check out the 100+ tools available at

Soham

151,221 Aufrufe • vor 1 Jahr

[Introducing] Add Stripe's official MCP to your Cursor, in a couple of clicks.
0:20

[Introducing] Add Stripe's official MCP to your Cursor, in a couple of clicks.

Jeff Weinstein

54,970 Aufrufe • vor 1 Jahr

Improving Chrome DevTools debugging with AI: a quick overview of new features we recently shipped.
2:42

Improving Chrome DevTools debugging with AI: a quick overview of new features we recently shipped.

Addy Osmani

14,815 Aufrufe • vor 1 Jahr

Just published a command that lets you inspect Safari websites / WebViews with Chrome DevTools in a single command: ~ / npx inspect-webkit
0:41

Just published a command that lets you inspect Safari websites / WebViews with Chrome DevTools in a single command: ~ / npx inspect-webkit

Evan Bacon 🥓

17,816 Aufrufe • vor 4 Monaten

AI assistance in Chrome DevTools is here with Chrome 131! 🚀 Using Gemini, it helps you debug styling issues, understand layouts, and get AI-generated fixes for CSS bugs. Learn more →
0:24

AI assistance in Chrome DevTools is here with Chrome 131! 🚀 Using Gemini, it helps you debug styling issues, understand layouts, and get AI-generated fixes for CSS bugs. Learn more →

Google for Developers

17,235 Aufrufe • vor 1 Jahr

Automate Customer Support entirely with Cursor + MCP!! Cursor Agent can now autonomously fetch emails, solve code issues with codebase indexing and reply to these emails. Here's how you can do it in just 2 mins, - Go to Composio's MCP directory - Click on the Gmail app and copy the sse url for Cursor - Add MCP server in cursor and complete auth - Let Cursor fetch emails, solve issues and reply to the query instantly All you need is
1:01

Automate Customer Support entirely with Cursor + MCP!! Cursor Agent can now autonomously fetch emails, solve code issues with codebase indexing and reply to these emails. Here's how you can do it in just 2 mins, - Go to Composio's MCP directory - Click on the Gmail app and copy the sse url for Cursor - Add MCP server in cursor and complete auth - Let Cursor fetch emails, solve issues and reply to the query instantly All you need is

Karan Vaidya

63,866 Aufrufe • vor 1 Jahr

the new --cpu-prof flag is a really nice way to see how much of your time Bun is spending on the CPU ⚡ you can open the profile directly in VSCode/Cursor/Chrome DevTools. also makes it easier to compare how your script performs in Bun vs Node!
0:20

the new --cpu-prof flag is a really nice way to see how much of your time Bun is spending on the CPU ⚡ you can open the profile directly in VSCode/Cursor/Chrome DevTools. also makes it easier to compare how your script performs in Bun vs Node!

Lydia Hallie ✨

71,285 Aufrufe • vor 10 Monaten