mcp-angular-cli

by talzach
MIT License
41
1

Integrations

  • Provides Angular CLI and workspace automation capabilities, allowing for generating components/services, adding packages, creating new workspaces, and running custom architect targets within Angular projects.

  • Enables package management through Angular CLI commands like 'ng add' to add packages and 'ng update' to update Angular packages and dependencies in the workspace.

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 を使用してパッケージをグローバルにインストールできます。

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

You must be authenticated.

A
security – no known vulnerabilities
A
license - permissive license
A
quality - confirmed to work

mcp-angular-cli

  1. 特徴
    1. インストール
      1. 使用法
        1. MCP構成の例
      2. ツールの使用例
        1. npmへの公開
          1. 開発する

            Related MCP Servers

            • -
              security
              A
              license
              -
              quality
              A local CLI & API for MCP management that allows users to download, install, manage, and interact with MCPs from GitHub, featuring process state management, port allocation, and HTTP API routes.
              Last updated -
              14
              TypeScript
              MIT License
              • Apple
              • Linux
            • -
              security
              F
              license
              -
              quality
              A management interface for MCP servers built with Angular 17 and Bootstrap 5.
              Last updated -

            View all related MCP servers

            ID: b7qr0uwux1