Angular CLI 20.1 incorpora una nueva funcionalidad pensada para integrarse con herramientas de inteligencia artificial: un servidor MCP. Se trata de un puente entre los asistentes IA para trabajar con código y tu entorno de desarrollo favorito. Gracias a ella consesguirás que las sugerencias e instrucciones generados por el asistente sean mucho mejores. Te lo contamos.
Hace unos días Angular lanzó una nueva versión "minor", la 20.1, tras la gran actualización que supuso Angular 20.
Esta versión Angular 20.1 trae algunas cosillas interesantes, como la integración de un visor de flujos de señales en las DevTools, con posibilidad de nombrar las señales para verlas en depuración, o la posibilidad de pasar parámetros de la función fetch nativa a la clase httpResource para hacer llamadas a servicios (timeouts, parámetros de caché o gestión de redirecciones), entre otras cosas.
Pero una de las características más interesantes viene en la herramienta Angular CLI: es el nuevo comando ng mcp, que te permite iniciar un servidor MCP específico para trabajar con Angular.
Un servidor MCP (Model Control Protocol) es un programa que conecta un modelo grande lenguaje (LLM) con datos o servicios externos (como archivos, bases de datos o APIs). Sirve como un "puente" para que asistentes o chatbots basados en IA puedan buscar información, ejecutar acciones o integrar herramientas externas. Todo de manera segura y sencilla, sin tener que programar conexiones personalizadas ni exponer datos sensibles.
Este protocolo MCP es universal y lo entienden la mayoría de asistentes de código como GitHub Copilot, Cursor, Cline y similares.
En el caso de Angular CLI puedes ejecutar el comando ng mcp y te mostrará la configuración que necesitas añadir a tu herramienta de IA:
{
"mcpServers": {
"angular-cli": {
"command": "npx",
"args": ["@angular/cli", "mcp"]
}
}
}
Con esta funcionalidad ahora puedes usar la CLI de Angular para arrancar un servidor MCP y luego configurar tu herramienta de IA favorita para que se conecte a él. Aunque este JSON puede variar de un agente a otro, pero te valdrá para Cursor o GitHub Copilot sin problema.
El servidor MCP es bastante básico de momento, ya que solo ofrece un recurso (un archivo de mejores prácticas que también puedes ver en la página de Angular "LLM prompts and AI IDE setup") y otra herramienta que te proporciona la capacidad de listar los proyectos de Angular y sus opciones en tu espacio de trabajo.
No parece gran cosa pero, en mis pruebas, solo por el hecho de poner en marcha el servidor MCP y que GitHub Copilot tenga en el contexto las instrucciones para usar las prácticas recomendadas de Angular, hacen que sus sugerencias mejoren mucho respecto a las que recibes por defecto.
Eso sí, también es cierto que para lograr lo mismo con Copilot no hacía falta un servidor MCP: tan solo incluir las instrucciones del enlace anterior en la carpeta de instrucciones del proyecto. Pero lo importante es que el proyecto está ahí y la intención es que se vaya ampliando con más funcionalidades, por lo que en próximas versiones seguro que tenemos opciones más interesantes. Y sabemos que, como mínimo, están pensando en ello.
En el commit de esta funcionalidad puedes ver todo el código fuente del servidor MCP de Angular 20.1, y verás que es extremadamente sencillo.