MCP Debug Tools - Công cụ hỗ trợ debug cho AI
(marketplace.visualstudio.com)Cầu nối debug AI-VSCode - AI điều tra bug dựa trên dữ liệu.
MCP Debug Tools là một dự án mã nguồn mở kết nối Debug Adapter Protocol (DAP) của Microsoft với Model Context Protocol (MCP) của Anthropic. Thông qua công cụ này, các công cụ AI như Claude, Cursor, Windsurf có thể trực tiếp điều khiển những tính năng debug mạnh mẽ của VSCode.
Before (cách hiện tại)
Nhà phát triển: "Dữ liệu tổng hợp của component hiển thị ở menu A khác với dữ liệu hiển thị ở menu B. Cần tìm bug."
AI: "Đang phân tích mã... Tôi đã phát hiện vấn đề trong cấu trúc mã."
Nhà phát triển: "Triệu chứng vẫn y hệt"
AI: "Tôi sẽ phân tích sâu hơn. Đang so sánh kiểu dữ liệu và cấu trúc..."
Nhà phát triển: "Triệu chứng vẫn chưa được giải quyết"
AI: "Cần thêm nhiều log hơn. Tôi sẽ thêm log và thử lại."
Nhà phát triển: "Triệu chứng vẫn chưa được giải quyết"
[Lặp lại...]
After (MCP Debug Tools)
Nhà phát triển: "Dữ liệu tổng hợp của component hiển thị ở menu A khác với dữ liệu hiển thị ở menu B. Hãy so sánh dữ liệu dựa trên debug để xác định vấn đề."
AI: "Tôi sẽ thử so sánh vị trí của component ở menu A với vị trí của component ở menu B."
AI: "Component ở menu A đang được render từ hàm Y trong file X, còn component ở menu B đang được render từ hàm W trong file Z."
AI: "Tôi đã đặt phần lấy dữ liệu trong hàm Y của file X làm breakpoint. Tôi sẽ bắt đầu debug."
[Phiên debug bắt đầu, AI sử dụng các tính năng debug của VSCode để thực thi mã, kiểm tra biến, xem stack trace, v.v.]
AI: "Đã tới breakpoint. Sau khi kiểm tra các biến, dữ liệu của menu A đang dùng trực tiếp kết quả gọi API, còn dữ liệu của menu B đang dùng dữ liệu cache. Có vẻ điều này gây ra sự không khớp dữ liệu."
AI: "Đã sửa xong mã, tôi sẽ khởi động lại phiên debug."
[Khởi động lại phiên debug, thực thi mã, kiểm tra biến]
AI: "Tôi đã xác nhận dữ liệu khớp nhau. Có vẻ vấn đề đã được giải quyết."
Nhà phát triển: "Đã giải quyết xong!"
Cài đặt (3 bước)
# 1. Cài VSCode Extension
code --install-extension mcp-debug-tools
# 2. Cài gói npm (tùy chọn)
npm install -g @uhd_kr/mcp-debug-tools
# 3. Kết nối với công cụ AI
# Thêm máy chủ MCP trong Claude, Cursor, Windsurf, v.v.
{
"mcpServers": {
"release_dap-proxy": {
"command": "npx",
"args": [
"-y",
"@uhd_kr/mcp-debug-tools@latest"
]
}
}
}
Tính năng chính
29 công cụ debug mạnh mẽ
- Quản lý breakpoint: hỗ trợ điều kiện, log point
- Điều khiển thực thi: Step In/Out/Over, Continue, Pause
- Kiểm tra biến: theo dõi giá trị thời gian thực, đánh giá biểu thức
- Phân tích call stack: trực quan hóa chuỗi gọi hàm
- Hỗ trợ đa luồng: debug Worker Threads, SharedArrayBuffer
5 tài nguyên giám sát thời gian thực
- Trạng thái phiên debug đang hoạt động
- Danh sách breakpoint
- Thông tin call stack
- Phạm vi biến
- Thông tin ngoại lệ và stack trace
Liên kết
- GitHub: github.com/uhd-kr/mcp-debug-tools
- npm: @uhd_kr/mcp-debug-tools
- VSCode: marketplace.visualstudio.com
- Demo: Bản demo trên YouTube
Lời từ nhà phát triển
Mỗi ngày tôi đều phải dành thời gian debug từng vấn đề trong lượng mã mà AI tạo ra, rồi tôi nghĩ rằng:
"Việc AI không thể tự giải quyết vấn đề cũng giống như một người mới chưa biết cách debug."
Vì vậy, tôi đã tạo ra một công cụ giúp AI có thể debug.
Khi cung cấp context cho AI, điều quan trọng nhất là dữ liệu thực tế.
Vì debug cho phép quan sát luồng thực thi và trạng thái của mã theo thời gian thực, nên nó giúp AI xác định chính xác vấn đề và đưa ra hướng giải quyết hiệu quả hơn.
Tôi đã nỗ lực để tuân thủ các nguyên tắc cơ bản của phát triển phần mềm.
Nếu MCP Debug Tools là công cụ giúp AI tự giải quyết vấn đề thông qua debug,
thì bước tiếp theo là tạo ra một công cụ giúp AI hình thành thói quen đúng khi tự viết mã.
Mục tiêu cuối cùng là tập hợp tất cả điều đó để xây dựng một pipeline tạo ra mã đúng đắn.
Tôi hy vọng công cụ này sẽ hỗ trợ thật nhiều cho hành trình phát triển cùng AI của các bạn.
Là một nhà phát triển độc lập, tôi rất cần những phản hồi đa dạng.
Tôi viết bài này vì mong nhận được hỗ trợ như báo cáo bug, đề xuất tính năng, trải nghiệm sử dụng, v.v.
Xin cảm ơn.
Phản hồi: yoo.hwanyong@gmail.com
Chưa có bình luận nào.