MCP Debug Tools - डिबग AI सहायक टूल
(marketplace.visualstudio.com)AI-VSCode डिबग ब्रिज - AI डेटा-आधारित बग्स की जांच करता है.
'MCP Debug Tools' Microsoft के Debug Adapter Protocol(DAP) और Anthropic के Model Context Protocol(MCP) को जोड़ने वाला एक open source प्रोजेक्ट है। इस टूल की मदद से Claude, Cursor, Windsurf जैसे AI टूल अब VSCode की शक्तिशाली debugging capabilities को सीधे नियंत्रित कर सकते हैं।
Before (मौजूदा तरीका)
डेवलपर: "A मेनू में दिखने वाले कंपोनेंट का aggregated data, B मेनू में दिखने वाले डेटा से अलग है। बग ढूंढना है।"
AI: "कोड का विश्लेषण कर रहा हूँ... मुझे code structure में समस्या मिली है।"
डेवलपर: "लक्षण अब भी बिल्कुल वही हैं"
AI: "मैं और गहराई से विश्लेषण करता हूँ। data type और structure की तुलना कर रहा हूँ..."
डेवलपर: "लक्षण अभी भी ठीक नहीं हुए"
AI: "मुझे और logs चाहिए। logs जोड़कर फिर से कोशिश करता हूँ।"
डेवलपर: "लक्षण अभी भी ठीक नहीं हुए"
[दोहराव...]
After (MCP Debug Tools)
डेवलपर: "A मेनू में दिखने वाले कंपोनेंट का aggregated data, B मेनू में दिखने वाले डेटा से अलग है। डिबग के आधार पर डेटा compare करके समस्या पहचानो।"
AI: "मैं A मेनू के कंपोनेंट की location और B मेनू के कंपोनेंट की location की तुलना करता हूँ।"
AI: "A मेनू का कंपोनेंट X file की Y function में, और B मेनू का कंपोनेंट Z file की W function में render हो रहा है।"
AI: "मैंने X file की Y function में data fetch करने वाले हिस्से पर breakpoint सेट कर दिया है। अब debugging शुरू करता हूँ।"
[डिबगिंग session शुरू, AI VSCode की debugging features का उपयोग करके code execution, variable inspection, stack trace जांच आदि करता है]
AI: "हम breakpoint तक पहुँच गए हैं। variables की जांच करने पर दिख रहा है कि A मेनू का डेटा API call के result को सीधे उपयोग कर रहा है, जबकि B मेनू का डेटा cached data उपयोग कर रहा है। इसी वजह से data mismatch हो रहा है।"
AI: "कोड संशोधन पूरा, मैं debugging session फिर से शुरू करता हूँ।"
[डिबगिंग session पुनः शुरू, code execution, variable inspection]
AI: "मैंने पुष्टि कर ली है कि डेटा अब match कर रहा है। लगता है समस्या हल हो गई है।"
डेवलपर: "हल हो गया!"
इंस्टॉलेशन (3 चरण)
# 1. VSCode Extension इंस्टॉल करें
code --install-extension mcp-debug-tools
# 2. npm package इंस्टॉल करें (वैकल्पिक)
npm install -g @uhd_kr/mcp-debug-tools
# 3. AI टूल से कनेक्ट करें
# Claude, Cursor, Windsurf आदि में MCP server जोड़ें
{
"mcpServers": {
"release_dap-proxy": {
"command": "npx",
"args": [
"-y",
"@uhd_kr/mcp-debug-tools@latest"
]
}
}
}
मुख्य फीचर्स
29 शक्तिशाली debugging tools
- breakpoint management: conditional, log point support
- execution control: Step In/Out/Over, Continue, Pause
- variable inspection: real-time value tracking, expression evaluation
- call stack analysis: function call chain visualization
- multi-thread support: Worker Threads, SharedArrayBuffer debugging
5 real-time monitoring resources
- सक्रिय debug session की स्थिति
- breakpoint सूची
- call stack जानकारी
- variable scope
- exception जानकारी और stack trace
लिंक
- GitHub: github.com/uhd-kr/mcp-debug-tools
- npm: @uhd_kr/mcp-debug-tools
- VSCode: marketplace.visualstudio.com
- Demo: YouTube डेमो
डेवलपर की बात
हर दिन AI द्वारा बनाए गए कोड की समस्याओं को एक-एक करके डिबग करने में समय लगाते-लगाते मैंने सोचा।
'अगर AI खुद समस्या हल नहीं कर सकता, तो वह ऐसा ही है जैसे debugging न जानने वाला कोई beginner.'
इसलिए मैंने ऐसा टूल बनाया जो AI को debugging करने में मदद करता है।
AI को context देते समय सबसे महत्वपूर्ण चीज वास्तविक डेटा है।
डिबगिंग code के execution flow और state को real time में देखने देती है, इसलिए यह AI को समस्या सही तरह से समझने और समाधान सुझाने में बहुत मदद करती है।
मैंने development के मूल सिद्धांतों का पालन करने की कोशिश की।
आगे की योजना यह है कि अगर 'MCP Debug Tools' वह टूल है जो debugging के जरिए AI को खुद समस्या हल करने में सक्षम बनाता है,
तो अगला कदम ऐसा टूल बनाना है जो AI को खुद कोड लिखते समय सही आदतों के साथ coding करने में मदद करे।
इन सबको मिलाकर सही code production pipeline बनाना ही अंतिम लक्ष्य है।
उम्मीद है यह टूल आपकी AI development journey में बहुत मददगार होगा।
एक solo developer के रूप में मुझे विविध feedback की बेहद ज़रूरत है।
bug reports, feature suggestions, उपयोग अनुभव आदि के रूप में मदद पाने के लिए ही मैं यह पोस्ट लिख रहा हूँ।
धन्यवाद।
फीडबैक: yoo.hwanyong@gmail.com
अभी कोई टिप्पणी नहीं है.