Servidor MCP de Angular CLI 🅰️

Un servidor de Protocolo de Contexto de Modelo que proporciona la CLI de Angular y capacidades de automatización de espacios de trabajo. Este servidor permite a los LLM y agentes interactuar con proyectos de Angular, generar componentes/servicios, añadir paquetes, crear nuevos espacios de trabajo y ejecutar objetivos de arquitectura personalizados mediante la CLI de Angular.

Características

• Ejecute ng generate para crear andamiaje de artefactos angulares (componentes, servicios, etc.)

• Ejecute ng add para agregar paquetes a su espacio de trabajo Angular

• Ejecute ng new para crear nuevos espacios de trabajo angulares

• Ejecute ng run para ejecutar objetivos de arquitectura personalizados

• Ejecute ng update para actualizar los paquetes y dependencias de Angular

• Todo a través del Protocolo de Contexto de Modelo (MCP) para la integración del agente/LLM

Related MCP server: vscode-mcp-server

Instalación

Puede instalar el paquete globalmente usando npm:

npm install -g @talzach/mcp-angular-cli

O úselo localmente en su proyecto:

npm install --save-dev @talzach/mcp-angular-cli

Uso

Puedes ejecutar el servidor directamente:

npx @talzach/mcp-angular-cli

O, si desea usarlo como un servidor MCP personalizado en su agente o herramienta, configúrelo de esta manera:

Ejemplo de configuración de MCP

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

Ejemplo de uso de la herramienta

• Generar un componente:

  {
    "schematic": "component",
    "name": "my-component",
    "appRoot": "/absolute/path/to/your/angular/project"
  }

• Añadir un paquete:

  {
    "package": "@angular/material",
    "appRoot": "/absolute/path/to/your/angular/project"
  }

• Crear un nuevo espacio de trabajo:

  {
    "name": "my-workspace",
    "directory": "/absolute/path/to/where/you/want/it"
  }

• Ejecutar un objetivo de arquitecto personalizado:

  {
    "target": "app:build:production",
    "appRoot": "/absolute/path/to/your/angular/project"
  }

¡Marca este repositorio como estrella si lo encuentras útil!

Publicación en npm

Para publicar una nueva versión de este paquete en npm, ejecute:

npm run publish-npm

Esto construirá automáticamente el proyecto y lo publicará como un paquete público.

Desarrollar

Si desea probar o desarrollar este servidor localmente, debe configurar la configuración de su servidor MCP para que use la salida de compilación local. Después de compilar el proyecto (por ejemplo, con npm run build ), configure el archivo de su servidor MCP (por ejemplo, .mcp.json o similar) para que use el archivo dist/index.js local.

{
  "angular-cli": {
    "command": "node",
    "args": ["/path/to/your/mcp-angular-cli/dist/index.js"]
  }
}