9 puntos por hwanyong 2025-09-26 | Aún no hay comentarios. | Compartir por WhatsApp

Puente de depuración AI-VSCode - la IA investiga bugs basándose en datos.

'MCP Debug Tools' es un proyecto open source que conecta el Debug Adapter Protocol (DAP) de Microsoft con el Model Context Protocol (MCP) de Anthropic. Con esta herramienta, herramientas de IA como Claude, Cursor y Windsurf pueden controlar directamente las potentes funciones de depuración de VSCode.

Before (forma anterior)

Desarrollador: "Los datos agregados del componente que se ve en el menú A son distintos de los datos que se ven en el menú B. Hay que encontrar el bug."  
IA: "Analizando el código... encontré un problema en la estructura del código."  
Desarrollador: "El síntoma sigue siendo exactamente el mismo"  
IA: "Voy a analizarlo más a fondo. Estoy comparando los tipos y la estructura de los datos..."  
Desarrollador: "El problema sigue sin resolverse"  
IA: "Necesito más logs. Voy a agregar logs e intentarlo de nuevo."  
Desarrollador: "El problema todavía no se resuelve"  
  
[Repetición...]  

After (MCP Debug Tools)

Desarrollador: "Los datos agregados del componente que se ve en el menú A son distintos de los datos que se ven en el menú B. Compara los datos con base en la depuración y verifica el problema."  
IA: "Voy a comparar la ubicación del componente del menú A con la del componente del menú B."  
IA: "El componente del menú A se renderiza en la función Y del archivo X, y el del menú B se renderiza en la función W del archivo Z."  
IA: "Ya configuré un breakpoint en la parte de la función Y del archivo X donde se obtienen los datos. Voy a iniciar la depuración."  
  
[Inicio de la sesión de depuración; la IA aprovecha las funciones de depuración de VSCode para ejecutar código, inspeccionar variables, revisar stack traces, etc.]  
  
IA: "Llegué al breakpoint. Al inspeccionar las variables, veo que los datos del menú A usan directamente el resultado de la llamada al API, pero los datos del menú B usan datos en caché. Parece que eso está causando la inconsistencia de datos."  
IA: "Terminé de modificar el código, voy a reiniciar la sesión de depuración."  
  
[Reinicio de la sesión de depuración, ejecución del código, inspección de variables]  
  
IA: "Confirmé que los datos ahora coinciden. Parece que el problema se resolvió."  
Desarrollador: "¡Se resolvió!"  

Instalación (3 pasos)

# 1. Instalar la extensión de VSCode  
code --install-extension mcp-debug-tools  
  
# 2. Instalar el paquete npm (opcional)  
npm install -g @uhd_kr/mcp-debug-tools  
  
# 3. Conectar a la herramienta de IA  
# Agregar el servidor MCP en Claude, Cursor, Windsurf, etc.  
{  
  "mcpServers": {  
    "release_dap-proxy": {  
      "command": "npx",  
      "args": [  
        "-y",  
        "@uhd_kr/mcp-debug-tools@latest"  
      ]  
    }  
  }  
}  

Funciones principales

29 potentes herramientas de depuración

  • Gestión de breakpoints: soporte para condicionales y log points
  • Control de ejecución: Step In/Out/Over, Continue, Pause
  • Inspección de variables: seguimiento de valores en tiempo real, evaluación de expresiones
  • Análisis del call stack: visualización de la cadena de llamadas de funciones
  • Soporte multihilo: depuración de Worker Threads y SharedArrayBuffer

5 recursos de monitoreo en tiempo real

  • Estado de la sesión de depuración activa
  • Lista de breakpoints
  • Información del call stack
  • Alcances de variables
  • Información de excepciones y stack trace

Enlaces

Palabras del desarrollador

Después de pasar todos los días dedicando tiempo a depurar uno por uno los problemas del código generado por la IA, pensé lo siguiente.
'Que la IA no pueda resolver directamente un problema es como un principiante que no sabe depurar'
Por eso creé una herramienta que ayuda a la IA a depurar.
Al darle contexto a la IA, lo más importante son los datos reales.
Como la depuración permite observar en tiempo real el flujo de ejecución y el estado del código, ayuda mucho a que la IA entienda con precisión el problema y proponga una solución.

Intenté mantener los principios básicos del desarrollo.
Si el plan hacia adelante de 'MCP Debug Tools' fue crear una herramienta con la que la IA pueda resolver problemas por sí sola mediante la depuración,
entonces el siguiente paso es crear una herramienta que ayude a la IA a programar con hábitos correctos cuando escriba código por sí sola.
El objetivo final es reunir todo eso para construir un pipeline correcto de producción de código.

Espero que esta herramienta sea de gran ayuda en su camino de desarrollo con IA.
Como desarrollador independiente, realmente necesito una gran variedad de feedback.
Escribo esta publicación porque quiero recibir ayuda con reportes de bugs, propuestas de funciones y experiencias de uso.

Gracias.

Feedback: yoo.hwanyong@gmail.com

Aún no hay comentarios.

Aún no hay comentarios.