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.

Related MCP server: AI Development Assistant 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. Agregar al cursor

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

1. Cursor abierto

2. Vaya a Cursor Settings > Features > MCP

3. Haga clic en + Add New MCP Server

4. Rellene el formulario:

   • Nombre : Asistente de desarrollo de IA

   • Tipo : stdio

   • Comando : node /path/to/your/project/dist/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 Cursor 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

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
│   └── codeReview.ts   # Code review tool
├── env/
│   └── keys.ts         # Environment configuration (add your API keys here!)
└── index.ts           # Main entry point

🤝 Contribuyendo

¡Se agradecen las contribuciones! No dudes en enviar una solicitud de incorporación de cambios.

📝 Licencia

Este proyecto está licenciado bajo la licencia MIT: consulte el archivo de LICENCIA para obtener más detalles.

🐛 Problemas y soporte

¿Encontraste un error o necesitas ayuda? Abre un problema con:

1. Lo que estabas intentando hacer

2. ¿Qué pasó en cambio?

3. Pasos para reproducir

4. Detalles de su entorno

Siendo sincero, esta es una demostración tutorial y no una herramienta lista para producción, así que probablemente no solucionaré problemas. ¡Pero siéntete libre de bifurcarla y adaptarla a tu gusto!

Hecho con ❤️ por desarrolladores, para desarrolladores