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