Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

Chrome DevTools MCP in Cursor

asidorenko_'s profile picture

Alex Sidorenko

35,155 subscribers

37,649 görüntüleme • 5 ay önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

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

Benzer Videolar

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

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

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

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

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

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/σ

238,890 görüntüleme • 8 ay önce

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

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

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

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

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

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? 😏

Charly Wargnier

1,020,920 görüntüleme • 2 ay önce

Introducing "Ask AI" across Chrome DevTools + save changes directly to your source code! #googleio
3:52

Introducing "Ask AI" across Chrome DevTools + save changes directly to your source code! #googleio

Addy Osmani

20,392 görüntüleme • 1 yıl önce

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

holy shit i just built an mcp server that sets up other mcp servers in cursor in seconds 🤯 literally asked it to set up stripe mcp and it just... worked!
0:36

holy shit i just built an mcp server that sets up other mcp servers in cursor in seconds 🤯 literally asked it to set up stripe mcp and it just... worked!

Ian Nuttall

90,591 görüntüleme • 1 yıl önce

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

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

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 ✨

70,061 görüntüleme • 6 ay önce

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

Connect your Supabase database via MCP server to Cursor
0:45

Connect your Supabase database via MCP server to Cursor

Supabase

176,768 görüntüleme • 1 yıl önce