Angular CLI MCP サーバー 🅰️

Angular CLIとワークスペース自動化機能を提供するモデルコンテキストプロトコルサーバー。このサーバーにより、LLMとエージェントはAngularプロジェクトとの連携、コンポーネント/サービスの生成、パッケージの追加、新しいワークスペースの作成、カスタムアーキテクトターゲットの実行をAngular CLI経由で実行できるようになります。

特徴

• ng generateを実行して、Angular アーティファクト (コンポーネント、サービスなど) をスキャフォールディングします。

• ng add実行して、Angular ワークスペースにパッケージを追加します。

• ng newを実行して新しい Angular ワークスペースを作成します。

• ng run実行してカスタム アーキテクト ターゲットを実行します。

• ng updateを実行して、Angular パッケージと依存関係を更新します。

• エージェント/LLM統合のためのモデルコンテキストプロトコル（MCP）経由

Related MCP server: vscode-mcp-server

インストール

npm を使用してパッケージをグローバルにインストールできます。

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

または、プロジェクト内でローカルに使用します。

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

使用法

サーバーを直接実行できます:

npx @talzach/mcp-angular-cli

または、エージェントまたはツールでカスタム MCP サーバーとして使用する場合は、次のように構成します。

MCP構成の例

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

ツールの使用例

• コンポーネントを生成します。

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

• パッケージを追加します:

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

• 新しいワークスペースを作成します。

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

• カスタム アーキテクト ターゲットを実行します。

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

役に立つと思ったら、このリポジトリにスターを付けてください。

npmへの公開

このパッケージの新しいバージョンを npm に公開するには、次のコマンドを実行します。

npm run publish-npm

これにより、プロジェクトが自動的にビルドされ、パブリック パッケージとして公開されます。

開発する

このサーバーをローカルでテストまたは開発する場合は、MCPサーバーの設定でローカルのビルド出力を指定する必要があります。プロジェクトをビルドした後（例： npm run build ）、MCPサーバーファイル（例： .mcp.json ）でローカルのdist/index.jsファイルを使用するように設定します。

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