mcp-angular-cli

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）経由

インストール

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

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

使用法

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

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

MCP構成の例

ツールの使用例

• コンポーネントを生成します。
  { "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 に公開するには、次のコマンドを実行します。

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

開発する

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