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: mcp-server-docker

インストール

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"] } }