MCP Server giúp tăng 10 lần Vibe Coding của bạn: Tự động Ghi Log, Sửa Lỗi & Chụp Ảnh Màn Hình trong Cursor, Windsurf

Want a practical way to 10X your coding with MCP Servers?

This quick and practical tutorial shows how to use the Browser Tools MCP server to automate browser tasks—fix errors, grab console logs, and take screenshots in Cursor, skipping manual hassle!

BONUS: Use Cursor Project Rules to create a custom /debug prompt!

ALSO: How to run everything locally on your machine (WITHOUT npx), so that you can get it working on Windows / WSL too.

Chapters:

00:00 Intro

01:04 Browser Tools MCP

01:38 git clone

02:04 Step 1: Chrome Extension

02:30 Step 2: Tool Server

03:08 Step 3: MCP Server

03:47 Demo

05:22 Bonus: Cursor Rules

06:44 Optional: Run locally without npx (Windows/WSL)

Summary:

Set up Browser Tools MCP in Chrome & Cursor

Automate debugging in minutes—no complicated setup

Works with Windsurf and VS Code with Cline.

Get the tutorial code (including Cursor project rules .mdc)

https://github.com/chongdashu/mcp-hello-world

Get Browser Tools MCP here:

https://github.com/AgentDeskAI/browser-tools-mcp

Watch Episode 1 here:

https://youtu.be/rcjdfhhb6ZU

MCP Made Simple Playlist:

https://studio.youtube.com/playlist/PLWUH7ke1DYK_Tnvi9PPy67LCkoeKSKGbe/edit

12 Minute AI Gamedev Challenge:

https://youtube.com/playlist?list=PLWUH7ke1DYK8pBJN331-jaQ_ynq-qBXMs&si=22uE3v77BUfwdtte

Follow me on X: https://www.x.com/chongdashu

Like, subscribe, and let me know what MCP servers confuse you—I’ll tackle them next! #mcp #CursorMCP #BrowserTools #HelloWorld #Automation #CursorAI #modelcontextprotocol