MCP de Angular 21: 6 Herramientas Estables + 1 Experimental que Debes Conocer

Angular 21 trae varias actualizaciones de MCP: una herramienta que era experimental ahora es estable, y solo una permanece en beta controlada.

Si aún no has configurado MCP con Cursor o Claude, revisa mi guía anterior sobre configuración MCP antes de sumergirte en esta actualización.

Lo que Obtienes por Defecto

Cuando ejecutas npx @angular/cli mcp sin banderas, obtienes automáticamente las 6 herramientas estables:

• list_projects
• get_best_practices
• search_documentation
• find_examples
• ai_tutor
• onpush-zoneless-migration

Las herramientas experimentales son solo opt-in—debes habilitarlas explícitamente con -E.

Nota: No puedes deshabilitar herramientas estables individuales. Si necesitas restringir la superficie, usa --read-only o --local-only para filtrar por capacidad en lugar de por nombre.

Banderas de ng mcp

• --read-only: habilita solo herramientas marcadas como read-only, ideal cuando el host bloquea escrituras.
• --local-only: filtra herramientas que no dependen de internet (local-only), perfecto para entornos aislados.
• --experimental-tool/-E: opt-in para características beta. Ejemplo rápido: npx @angular/cli mcp -E modernize.

Herramientas Estables (habilitadas por defecto)

• list_projects (solo lectura, local): da al IDE un mapa completo del workspace. Cursor/Claude lo usa automáticamente antes de sugerir cambios o rutas.
• get_best_practices (solo lectura, local): sincroniza la IA con la guía oficial del proyecto; el asistente la consulta para seguir la versión correcta.
• search_documentation (solo lectura, requiere red): habilita búsquedas en angular.dev cuando pides explicaciones o referencias dentro del editor.
• find_examples (solo lectura, local): encuentra ejemplos de código autorizados de una base de datos curada de ejemplos oficiales y de mejores prácticas, enfocándose en características de Angular modernas, nuevas y recientemente actualizadas.
• ai_tutor (solo lectura, local): activa el modo tutor paso a paso dentro del IDE, sin configuración adicional necesaria.
• onpush-zoneless-migration (solo lectura, local): analiza componentes o carpetas y devuelve el siguiente paso recomendado hacia OnPush y zoneless.

Herramientas Experimentales (habilitar con -E)

• modernize (local, escribe en disco): ejecuta migraciones modernas como control-flow, signal-input o standalone. Gran atajo para ponerse al día.

Cómo Está Diseñado el MCP de Angular

• Propósito general: el servidor MCP actúa como una fachada CLI segura para asistentes de IA, priorizando estas herramientas sobre comandos arbitrarios.
• Flujo base recomendado: siempre comienza con list_projects para descubrir el workspace, luego get_best_practices para alinear estándares, y reserva search_documentation/find_examples dependiendo de si la pregunta es conceptual o relacionada con código.
• Conceptos clave: un workspace (angular.json) puede contener múltiples proyectos; siempre usa el workspaceConfigPath devuelto por list_projects para apuntar al proyecto correcto, especialmente en monorepos.

Escenarios de IDE Recomendados

• Aprendiendo Angular moderno: habilita ai_tutor por defecto; desde el chat, pregunta "Start the tutorial" y deja que te guíe en cada paso.
• Necesitas docs o snippets recientes: mantén search_documentation y find_examples habilitados; solicita "muéstrame cómo usar signal inputs" y el asistente combinará docs con ejemplos.
• Planificando migrar código: agrega -E modernize a tu configuración MCP y pregunta "actualiza esta carpeta al nuevo control flow"; la IA invocará la herramienta y te dará instrucciones o cambios.
• Yendo por OnPush/zoneless: onpush-zoneless-migration ahora está habilitado por defecto; solo pregunta "¿qué sigue para migrar este módulo?" y obtendrás pasos concretos sin ejecutar comandos manuales.

Configuraciones MCP Listas para Copiar

Configuración por defecto (todas las herramientas estables):

{
  "mcpServers": {
    "angular-cli": {
      "command": "npx",
      "args": ["-y", "@angular/cli", "mcp"]
    }
  }
}

Esto te da: list_projects, get_best_practices, search_documentation, onpush-zoneless-migration, find_examples y ai_tutor.

---

Entorno restringido (solo lectura + sin red):

{
  "mcpServers": {
    "angular-cli": {
      "command": "npx",
      "args": ["-y", "@angular/cli", "mcp", "--read-only", "--local-only"]
    }
  }
}

Mantiene solo las 5 herramientas que son tanto solo lectura como solo locales, excluyendo search_documentation que requiere acceso a red.

---

Modernización de código habilitada:

{
  "mcpServers": {
    "angular-cli": {
      "command": "npx",
      "args": ["-y", "@angular/cli", "mcp", "-E", "modernize"]
    }
  }
}

Agrega la herramienta experimental modernize para ejecutar migraciones como control-flow, signal-input o standalone. Nota: Esta herramienta escribe en disco y está en estado de vista previa.

---

Concluyendo

Las herramientas MCP de Angular 21 son simples de configurar e inmediatamente útiles: seis herramientas estables para desarrollo diario, una experimental para migraciones. Elige la configuración que se ajuste a tu flujo de trabajo, agrégala a tu IDE y tu asistente de IA ahora habla Angular con fluidez—extrayendo de fuentes oficiales en lugar de respuestas desactualizadas.

Si ya estás usando Cursor/VSCode o Claude Code, esto es una obviedad. Las herramientas continúan mejorando con cada lanzamiento.

¡Feliz codificación aumentada!