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(모델 컨텍스트 프로토콜)를 통해 이루어집니다.

Related MCP server: mcp-server-docker

설치

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