Asistente de desarrollo de IA para servidor MCP

¡Bienvenido a tu kit de herramientas de desarrollo con IA, diseñado como un servidor de Protocolo de Contexto de Modelo (MCP) para Cursor! Este proyecto proporciona asistencia inteligente para la codificación mediante herramientas de IA personalizadas. Ten en cuenta que se trata principalmente de una demostración tutorial y no de una herramienta lista para producción.

✨ Características

🎨 Arquitecto de código

Llame a LLM de razonamiento avanzado para generar planes e instrucciones para agentes de codificación.

Compañero de captura de pantalla

Tome capturas de pantalla del diseño de la interfaz de usuario y úselas con el agente compositor.

🔍 Revisión de código

Utilice git diffs para activar revisiones de código.

📄 Leer archivo y leer varios archivos

La lectura de un solo archivo permite un análisis de datos eficiente; la lectura de múltiples archivos facilita el procesamiento masivo de datos.

Related MCP server: Serena MCP Server

🚀 Primeros pasos

1. Configuración del entorno

Primero, deberá configurar sus variables de entorno. Cree un archivo en src/env/keys.ts :

export const OPENAI_API_KEY = "your_key_here";
// Add any other keys you need

⚠️ Nota de seguridad : No se recomienda almacenar las claves API directamente en el código fuente en entornos de producción. Esto es solo para fines de desarrollo y aprendizaje local. También puede configurar la variable de entorno en línea en la interfaz Cursor MCP.

2. Instalación

npm install
# or
yarn install

3. Construya el servidor

npm run build

4. Abra Windsurf Chat y configure MCP

Este proyecto está diseñado para usarse como servidor MCP en Cursor. Aquí te explicamos cómo configurarlo:

1. Abra Windsurf en su sistema.

2. Vaya a la sección Chat.

3. Haga clic en + Configure MCP (esto le permite agregar un nuevo servidor MCP).

4. Agregue la siguiente configuración JSON:

{
  "mcpServers": {
    "mcp-server": {
      "command": "node",
      "args": [
        "D:\\mpc-server\\build\\index.js"
      ]
    }
  }
}

📘 Consejo profesional : Es posible que necesites usar la ruta completa al archivo index.js creado en tu proyecto.

Después de agregar el servidor, debería ver sus herramientas en la sección "Herramientas disponibles". De lo contrario, haga clic en el botón Actualizar en la esquina superior derecha de la sección del servidor MCP.

Para obtener más detalles sobre la configuración de MCP, consulte la documentación de Windsurf MCP .

🛠️ Uso de las herramientas

Una vez configuradas, puedes usar estas herramientas directamente en el Compositor de Cursor. La IA te sugerirá automáticamente el uso de las herramientas relevantes, o puedes solicitarlas explícitamente por nombre o descripción.

Por ejemplo, intenta escribir en Composer:

• "Revise este código para conocer las mejores prácticas"

• "Ayúdame a diseñar una nueva función"

• Analizar esta captura de pantalla de la interfaz de usuario

• Leer un solo archivo y leer varios archivos

El agente le solicitará su aprobación antes de realizar cualquier llamada de herramientas.

📘 Consejo profesional : puedes actualizar tu archivo .cursorrules con instrucciones sobre cómo usar las herramientas para ciertos escenarios, y el agente utilizará las herramientas automáticamente.

📁 Estructura del proyecto

src/
├── tools/
│   ├── architect.ts    # Code structure generator
│   ├── screenshot.ts   # Screenshot analysis tool
│   ├── fileReader.ts  # read file & read multiple files tool
│   └── codeReview.ts   # Code review tool
├── env/
│   └── keys.ts         # Environment configuration (add your API keys here!)
└── index.ts           # Main entry point