{"id":102,"date":"2025-04-30T14:09:15","date_gmt":"2025-04-30T14:09:15","guid":{"rendered":"https:\/\/elbrinner.com\/?p=102"},"modified":"2025-04-30T14:18:22","modified_gmt":"2025-04-30T14:18:22","slug":"mcp-integrando-contexto-y-productividad-en-el-desarrollo-moderno","status":"publish","type":"post","link":"https:\/\/elbrinner.com\/index.php\/2025\/04\/30\/mcp-integrando-contexto-y-productividad-en-el-desarrollo-moderno\/","title":{"rendered":"MCP: Integrando contexto y productividad en el desarrollo moderno"},"content":{"rendered":"<p>Si buscas simplificar y optimizar tu trabajo diario, te presento <strong>MCP<\/strong> (Modelo de Protocolo de Contexto). Esta herramienta te permite conectar aplicaciones y servicios para que trabajen juntos, reduciendo tareas manuales y evitando estar cambiando de ventana constantemente.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-104\" src=\"https:\/\/elbrinner.com\/wp-content\/uploads\/2025\/04\/mcp-1024x886.png\" alt=\"MCP\" width=\"1024\" height=\"886\" srcset=\"https:\/\/elbrinner.com\/wp-content\/uploads\/2025\/04\/mcp-1024x886.png 1024w, https:\/\/elbrinner.com\/wp-content\/uploads\/2025\/04\/mcp-300x259.png 300w, https:\/\/elbrinner.com\/wp-content\/uploads\/2025\/04\/mcp-768x664.png 768w, https:\/\/elbrinner.com\/wp-content\/uploads\/2025\/04\/mcp.png 1414w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<h2>\u00bfQu\u00e9 es MCP?<\/h2>\n<p>MCP es una forma de unir distintos programas para que se comuniquen entre s\u00ed de forma fluida. Puedes usarlo en Visual Studio Code para leer documentaci\u00f3n, editar c\u00f3digo y automatizar tareas. Con MCP, es posible acceder a carpetas espec\u00edficas del PC, consultar informaci\u00f3n importante de un proyecto e incluso ejecutar comandos de forma integrada. Esto te permite tener todo el contexto que necesitas a la mano.<\/p>\n<h2>El Papel de los LLM en MCP<\/h2>\n<p>Una parte esencial de esta soluci\u00f3n es el uso de Modelos de Lenguaje Extensos (LLM), como Claude 3.7, que entiende y genera texto de forma natural. En mi caso, utilic\u00e9 un LLM para procesar documentos de m\u00e1s de 50 p\u00e1ginas y archivos de Postman, lo que permiti\u00f3 que el sistema interpretara la informaci\u00f3n y, conforme a las llamadas de la API, creara un carrito de compras con una interfaz en Angular, respetando la arquitectura definida anteriormente.<\/p>\n<p>BUMM, esto abre un mundo de posibilidades.<\/p>\n<p>El LLM se encarga de:<\/p>\n<ul>\n<li><strong>Entender el contexto:<\/strong> Gracias a los datos que MCP recoge, el LLM tiene informaci\u00f3n completa sobre lo que necesitas, lo que le permite generar respuestas o sugerencias reales.<\/li>\n<li><strong>Automatizar tareas:<\/strong> Se puede programar al LLM para que realice acciones basadas en la documentaci\u00f3n o en los comandos que se le dan, lo que hace que el desarrollo sea m\u00e1s \u00e1gil.<\/li>\n<li><strong>Mejorar la productividad:<\/strong> Al integrarse con MCP, el LLM ayuda a reducir la carga manual, d\u00e1ndote resultados r\u00e1pidos y precisos, lo que te permite centrarte en la parte creativa y estrat\u00e9gica de tus proyectos.<\/li>\n<\/ul>\n<p>En resumen, la combinaci\u00f3n de MCP y un LLM potencia la integraci\u00f3n de informaci\u00f3n y automatizaci\u00f3n, abriendo un sinf\u00edn de posibilidades en el desarrollo de software.<\/p>\n<h2>Configuraci\u00f3n de MCP en Visual Studio Code<\/h2>\n<p>Lo interesante de MCP es lo f\u00e1cil que se integra en Visual Studio Code. Al usar el modo agente, se pueden a\u00f1adir varios m\u00f3dulos (o \u00abMCP listos para usar\u00bb) que mejoran el flujo de trabajo. Por ejemplo, aqu\u00ed tienes una parte de la configuraci\u00f3n en JSON en la que se definen servidores para manejar archivos, memoria y otras funciones:<\/p>\n<p>&nbsp;<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"json\">{\r\n  \"mcp\": {\r\n    \"servers\": {\r\n      \"filesystem\": {\r\n        \"command\": \"npx\",\r\n        \"args\": [\r\n          \"-y\",\r\n          \"@modelcontextprotocol\/server-filesystem\",\r\n          \"\/Users\/elbrinner\/Documents\/MCPs\"\r\n        ]\r\n      },\r\n      \"memory\": {\r\n        \"command\": \"npx\",\r\n        \"args\": [\r\n          \"-y\",\r\n          \"@modelcontextprotocol\/server-memory\"\r\n        ],\r\n        \"env\": {\r\n          \"MEMORY_FILE_PATH\": \"\/Users\/elbrinner\/Documents\/MCPs\/Config\/memory.json\"\r\n        }\r\n      },\r\n      \"sequentialthinking\": {\r\n        \"command\": \"npx\",\r\n        \"args\": [\r\n          \"-y\",\r\n          \"@modelcontextprotocol\/server-sequential-thinking\"\r\n        ]\r\n      },\r\n      \"SQLite\": {\r\n        \"command\": \"npx\",\r\n        \"args\": [\r\n          \"-y\",\r\n          \"tsx\",\r\n          \"\/Users\/elbrinner\/Documents\/MCPs\/MCPs\/MCP_Core\/src\/serverWithSQLite.ts\"\r\n        ]\r\n      },\r\n      \"mcp-unity\": {\r\n        \"command\": \"node\",\r\n        \"args\": [\r\n          \"\/Users\/elbrinner\/Documents\/MCPs\/Projects\/MiApp\/Library\/PackageCache\/com.gamelovers.mcp-unity@2d40387a5276\/Server\/build\/index.js\"\r\n        ],\r\n        \"env\": {\r\n          \"UNITY_PORT\": \"8090\"\r\n        }\r\n      },\r\n      \"github\": {\r\n        \"command\": \"npx\",\r\n        \"args\": [\r\n          \"-y\",\r\n          \"@modelcontextprotocol\/server-github\"\r\n        ],\r\n        \"env\": {\r\n          \"GITHUB_PERSONAL_ACCESS_TOKEN\": \"token aqui\"\r\n        }\r\n      },\r\n      \"playwright\": {\r\n        \"command\": \"npx\",\r\n        \"args\": [\r\n          \"@playwright\/mcp@latest\",\r\n          \"--headless\"\r\n        ]\r\n      }\r\n    }\r\n  }\r\n}\r\n<\/pre>\n<p>&nbsp;<\/p>\n<p>Para que el sistema funcione, solo tuve que modificar el archivo <code>settings.json<\/code> de Visual Studio Code (ubicado en la carpeta de configuraci\u00f3n del usuario), lo que permiti\u00f3 que MCP se activara como un agente en el entorno de trabajo.<\/p>\n<h2>Integraci\u00f3n con Otras Herramientas<\/h2>\n<p>Adem\u00e1s de conectarse con el c\u00f3digo y la documentaci\u00f3n, MCP se puede combinar con otros m\u00f3dulos para ampliar su utilidad. Por ejemplo, puedes utilizarlo para:<\/p>\n<ul>\n<li>Desarrollar aplicaciones en Unity, iOS, MAUI o Ionic.<\/li>\n<li>Conectar con GitHub y automatizar gestiones de repositorios o pull requests.<\/li>\n<li>Abrir tickets en Jira o ejecutar pruebas autom\u00e1ticas con Playwright.<\/li>\n<\/ul>\n<p>Esta flexibilidad te permite automatizar tareas y centralizar procesos, lo que se traduce en un ahorro de tiempo muy significativo.<\/p>\n<p>Puedes ver un listado de MCP listo para usar aqu\u00ed: <a href=\"https:\/\/mcp.so\/\">https:\/\/mcp.so\/<\/a><\/p>\n<h2>Beneficios<\/h2>\n<p>Utilizar MCP, junto con un LLM, ofrece importantes ventajas:<\/p>\n<ul>\n<li><strong>Contexto Completo:<\/strong> Toda la informaci\u00f3n relevante se guarda y se utiliza para dar respuestas m\u00e1s acertadas y contextualizadas.<\/li>\n<li><strong>Automatizaci\u00f3n Eficiente:<\/strong> La integraci\u00f3n permite reducir procesos manuales, dejando m\u00e1s tiempo para la creatividad y la resoluci\u00f3n de problemas.<\/li>\n<li><strong>Mayor Flexibilidad:<\/strong> Puedes conectar diversas herramientas y plataformas, desde desarrollo de apps hasta gesti\u00f3n de proyectos, sin cambiar de entorno.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>Hay muchos recursos y gu\u00edas en l\u00ednea para comenzar, como:<\/p>\n<ul>\n<li><a href=\"https:\/\/github.com\/cyanheads\/model-context-protocol-resources\">https:\/\/github.com\/cyanheads\/model-context-protocol-resources<\/a><\/li>\n<li><a href=\"https:\/\/devblogs.microsoft.com\/semantic-kernel\/integrating-model-context-protocol-tools-with-semantic-kernel-a-step-by-step-guide\/\">https:\/\/devblogs.microsoft.com\/semantic-kernel\/integrating-model-context-protocol-tools-with-semantic-kernel-a-step-by-step-guide\/<\/a><\/li>\n<li><a href=\"https:\/\/github.com\/jsuarezruiz\/mobile-dev-mcp-server\">https:\/\/github.com\/jsuarezruiz\/mobile-dev-mcp-server<\/a><\/li>\n<li><a href=\"https:\/\/devblogs.microsoft.com\/dotnet\/build-a-model-context-protocol-mcp-server-in-csharp\/\">https:\/\/devblogs.microsoft.com\/dotnet\/build-a-model-context-protocol-mcp-server-in-csharp\/<\/a><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Si buscas simplificar y optimizar tu trabajo diario, te presento MCP (Modelo de Protocolo de Contexto). Esta herramienta te permite conectar aplicaciones y servicios para que trabajen juntos, reduciendo tareas manuales y evitando estar cambiando de ventana constantemente. \u00bfQu\u00e9 es MCP? MCP es una forma de unir distintos programas para que se comuniquen entre s\u00ed &#8230; <a title=\"MCP: Integrando contexto y productividad en el desarrollo moderno\" class=\"read-more\" href=\"https:\/\/elbrinner.com\/index.php\/2025\/04\/30\/mcp-integrando-contexto-y-productividad-en-el-desarrollo-moderno\/\" aria-label=\"Leer m\u00e1s sobre MCP: Integrando contexto y productividad en el desarrollo moderno\">Leer m\u00e1s<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[10,61],"tags":[62],"class_list":["post-102","post","type-post","status-publish","format-standard","hentry","category-net","category-mcp","tag-mcp"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/elbrinner.com\/index.php\/wp-json\/wp\/v2\/posts\/102","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elbrinner.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elbrinner.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elbrinner.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/elbrinner.com\/index.php\/wp-json\/wp\/v2\/comments?post=102"}],"version-history":[{"count":3,"href":"https:\/\/elbrinner.com\/index.php\/wp-json\/wp\/v2\/posts\/102\/revisions"}],"predecessor-version":[{"id":106,"href":"https:\/\/elbrinner.com\/index.php\/wp-json\/wp\/v2\/posts\/102\/revisions\/106"}],"wp:attachment":[{"href":"https:\/\/elbrinner.com\/index.php\/wp-json\/wp\/v2\/media?parent=102"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elbrinner.com\/index.php\/wp-json\/wp\/v2\/categories?post=102"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elbrinner.com\/index.php\/wp-json\/wp\/v2\/tags?post=102"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}