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 아티팩트(구성요소, 서비스 등)를 스캐폴딩합니다.
  • Angular 작업 공간에 패키지를 추가하려면 ng add 실행하세요.
  • ng new 실행하여 새로운 Angular 작업 공간을 만듭니다.
  • 사용자 정의 아키텍트 대상을 실행하려면 ng run 실행하세요.
  • ng update 실행하여 Angular 패키지 및 종속성을 업데이트합니다.
  • 모든 것은 에이전트/LLM 통합을 위한 MCP(모델 컨텍스트 프로토콜)를 통해 이루어집니다.

설치

npm을 사용하여 패키지를 전역적으로 설치할 수 있습니다.

지엑스피1

또는 프로젝트에서 로컬로 사용하세요.

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