Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

🔧 Let your coding agent identify and fix INP issues for you → With Chrome DevTools MCP, your coding agent can measure performance for specific user interactions to find and resolve slow UI responses - on its own with the help of the browser!

Chrome for Developers

419,781 subscribers

16,689 views • 7 months ago •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

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

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,402 views • 8 months ago

Stop guessing & start debugging responsive styles automatically with Chrome DevTools MCP→ Learn how a coding agent can find a visual bug on a specific device size, analyze the source code, update the CSS, & verify the fix with a live browser screenshot.

Stop guessing & start debugging responsive styles automatically with Chrome DevTools MCP→ Learn how a coding agent can find a visual bug on a specific device size, analyze the source code, update the CSS, & verify the fix with a live browser screenshot.

Chrome for Developers

19,286 views • 8 months ago

Coding agents can now automatically fix issues reported by DevTools → The MCP server now accesses the issues panel to detect and resolve problems like cookie errors or missing form labels.

Coding agents can now automatically fix issues reported by DevTools → The MCP server now accesses the issues panel to detect and resolve problems like cookie errors or missing form labels.

Chrome for Developers

32,331 views • 5 months ago

Don't let a broken form frustrate users 😠 Here's how to use Chrome DevTools MCP to let your coding agent solve the problem → ➡️Let it use your local dev server ✍️Auto test w/ dummy data 🖥️cRead the console output & network log to find the server error

Don't let a broken form frustrate users 😠 Here's how to use Chrome DevTools MCP to let your coding agent solve the problem → ➡️Let it use your local dev server ✍️Auto test w/ dummy data 🖥️cRead the console output & network log to find the server error

Chrome for Developers

17,813 views • 7 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!

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

638,666 views • 2 months ago

Introducing Tidewave Web for Rails and Phoenix: a coding agent that runs in the browser alongside your web application, with full page and code context. Tidewave deeply integrates with your stack, from the database to the UI, making AI development more seamless and efficient.

Introducing Tidewave Web for Rails and Phoenix: a coding agent that runs in the browser alongside your web application, with full page and code context. Tidewave deeply integrates with your stack, from the database to the UI, making AI development more seamless and efficient.

José Valim

97,921 views • 9 months ago

your coding agent sucks because it lacks context. so I built nia to fix that. here is how you can 10x your coding agent (thread):

your coding agent sucks because it lacks context. so I built nia to fix that. here is how you can 10x your coding agent (thread):

Arlan

54,135 views • 10 months ago

8 rules to improve your AI coding agent. All of these rules work with Claude Code, Cursor, VS Code, and with most programming languages. Automating these rules will 10x the code quality and security produced by your AI coding agents. 1. Dependency checks - Prevent your agent from suggesting insecure libraries based on outdated training data. 2. Secret exposure - Auto-fix the use of hardcoded credentials introduced by your coding agent. 3. File and function size - Automatically refactor any files or functions that exceed a reasonable length. 4. Complexity and parameter limits - Simplify overly complex code written by the agent. 5. SQL Injection - Auto-fix all database interactions with unsanitized user input. 6. Unused variables and imports - Detect and remove dead code. 7. Detect invisible unicode characters in AI rules files - Remove zero-width spaces, direction overrides, and other invisible characters that can hide malicious behavior. 8. Insecure OpenAI API usage - Enforce use of secure OpenAI endpoints, proper authentication, and context isolation Here is how you can automate this: Install the Codacy extension. This will give you access to a CLI for local scanning and an MCP server for agent communication. From here on out, every time you need to generate some code: 1. Your agent will write the code 2. It will then call Codacy's CLI to check it 3. It will find any issues in real time 4. Your coding agent will fix the issues 5. When the code passes all checks, you are done Level of effort on your side: literally zero! Code quality and security because of this: 100x better! Here is the link to download the extension for your IDE: Thanks to the Codacy team for collaborating with me on this post.

8 rules to improve your AI coding agent. All of these rules work with Claude Code, Cursor, VS Code, and with most programming languages. Automating these rules will 10x the code quality and security produced by your AI coding agents. 1. Dependency checks - Prevent your agent from suggesting insecure libraries based on outdated training data. 2. Secret exposure - Auto-fix the use of hardcoded credentials introduced by your coding agent. 3. File and function size - Automatically refactor any files or functions that exceed a reasonable length. 4. Complexity and parameter limits - Simplify overly complex code written by the agent. 5. SQL Injection - Auto-fix all database interactions with unsanitized user input. 6. Unused variables and imports - Detect and remove dead code. 7. Detect invisible unicode characters in AI rules files - Remove zero-width spaces, direction overrides, and other invisible characters that can hide malicious behavior. 8. Insecure OpenAI API usage - Enforce use of secure OpenAI endpoints, proper authentication, and context isolation Here is how you can automate this: Install the Codacy extension. This will give you access to a CLI for local scanning and an MCP server for agent communication. From here on out, every time you need to generate some code: 1. Your agent will write the code 2. It will then call Codacy's CLI to check it 3. It will find any issues in real time 4. Your coding agent will fix the issues 5. When the code passes all checks, you are done Level of effort on your side: literally zero! Code quality and security because of this: 100x better! Here is the link to download the extension for your IDE: Thanks to the Codacy team for collaborating with me on this post.

Santiago

48,469 views • 7 months ago

The new GitHub Copilot coding agent can work in the background while you focus on other tasks. Assign it tasks via GitHub Issues or ad hoc in Visual Studio Code. Watch this demo and then optimize your workflow with the Copilot coding agent. 🚀 ⬇️

The new GitHub Copilot coding agent can work in the background while you focus on other tasks. Assign it tasks via GitHub Issues or ad hoc in Visual Studio Code. Watch this demo and then optimize your workflow with the Copilot coding agent. 🚀 ⬇️

GitHub

54,373 views • 1 year ago

Today we're launching the PlanetScale hosted MCP server. Use your favorite AI agent to explore your data, identify slow queries, and improve database performance.

Today we're launching the PlanetScale hosted MCP server. Use your favorite AI agent to explore your data, identify slow queries, and improve database performance.

PlanetScale

29,370 views • 4 months ago

This is such a powerful AI coding workflow. You can now use Cursor or Windsurf for coding, and let CodeRabbit’s AI agent refactor messy code, help you debug, and find security vulnerabilities. Here’s how:

This is such a powerful AI coding workflow. You can now use Cursor or Windsurf for coding, and let CodeRabbit’s AI agent refactor messy code, help you debug, and find security vulnerabilities. Here’s how:

Alvaro Cintas

79,803 views • 1 year ago

Introducing the mint mcp Your coding agent can now generate fully immersive 3D worlds and 3D models No Blender required :)

Introducing the mint mcp Your coding agent can now generate fully immersive 3D worlds and 3D models No Blender required :)

tamrat

129,625 views • 1 month ago

Select. Ask. Solve ✅ Your coding agent can now connect directly to your active browser session. Whether it's a wonky div in the Elements panel or a failed API call, just select it and let the agent get to work →

Select. Ask. Solve ✅ Your coding agent can now connect directly to your active browser session. Whether it's a wonky div in the Elements panel or a failed API call, just select it and let the agent get to work →

Chrome for Developers

35,410 views • 5 months ago

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 →

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

Coding agents suck at using a browser. Playwright MCP burns through your context window before you even send your first prompt. That is why I built Dev Browser, a Claude Skill to let your agent close the loop without eating up tokens.

Coding agents suck at using a browser. Playwright MCP burns through your context window before you even send your first prompt. That is why I built Dev Browser, a Claude Skill to let your agent close the loop without eating up tokens.

Sawyer Hood

312,734 views • 6 months ago

Meet your new coding sidekick! 🤝 From the minds at @labsdotgoogle and @googledeepmind, Jules is an experimental AI-powered code agent integrated with GitHub. Available to trusted testers, it's designed to help devs fix bugs and other code issues. →

Meet your new coding sidekick! 🤝 From the minds at @labsdotgoogle and @googledeepmind, Jules is an experimental AI-powered code agent integrated with GitHub. Available to trusted testers, it's designed to help devs fix bugs and other code issues. →

Google for Developers

55,466 views • 1 year ago

now, your agent can fix itself. introducing raindrop triage. an agent for finding and investigating agent issues.

now, your agent can fix itself. introducing raindrop triage. an agent for finding and investigating agent issues.

ben hylak

201,307 views • 1 month ago

OpenClaw just got its own AI browser. Your agent can now browse the web without touching your Chrome session. Here’s how BrowserBase works: → grab a free API key → connect BrowserBase to OpenClaw → restart gateway → give documentation to the agent → let it open tabs + read pages → schedule recurring research tasks Now your agent browses daily for you. Save this video, you’ll set up your first AI browser agent. Want the SOP? DM me. 💬

OpenClaw just got its own AI browser. Your agent can now browse the web without touching your Chrome session. Here’s how BrowserBase works: → grab a free API key → connect BrowserBase to OpenClaw → restart gateway → give documentation to the agent → let it open tabs + read pages → schedule recurring research tasks Now your agent browses daily for you. Save this video, you’ll set up your first AI browser agent. Want the SOP? DM me. 💬

Julian Goldie SEO

22,873 views • 2 months ago

Cursor can now control your browser. Agent can take screenshots, improve UI, and debug client issues. Try our early preview with Sonnet 4.5.

Cursor can now control your browser. Agent can take screenshots, improve UI, and debug client issues. Try our early preview with Sonnet 4.5.

Cursor

1,547,368 views • 8 months ago

Here is a massive upgrade for your development workflow! This AI coding agent can help you solve tasks directly from GitHub, Jira, Linear, Trello, etc., using AI, MCP, and your IDE. It's a Visual Studio Code and JetBrains extension. Watch the video:

Here is a massive upgrade for your development workflow! This AI coding agent can help you solve tasks directly from GitHub, Jira, Linear, Trello, etc., using AI, MCP, and your IDE. It's a Visual Studio Code and JetBrains extension. Watch the video:

Santiago

26,974 views • 11 months ago