마스터고 매직 MCP

MasterGo Magic MCP는 MasterGo 설계 도구와 AI 모델을 연결하도록 설계된 독립형 MCP(Model Context Protocol) 서비스입니다. AI 모델이 MasterGo 설계 파일에서 DSL 데이터를 직접 가져올 수 있도록 지원합니다.

주요 특징

• MasterGo 디자인 파일에서 DSL 데이터를 검색합니다.

• npx로 직접 실행

• 외부 종속성은 필요하지 않으며 Node.js 환경만 필요합니다.

Related MCP server: Vextra MCP Server

지도 시간

• https://mastergo.com/file/155675508499265?page\_id=158:0002

용법

MG_MCP_TOKEN 획득

1. https://mastergo.com을 방문하세요

2. 개인 설정 입력

3. 보안 설정 탭을 클릭하세요

4. 개인 액세스 토큰 찾기

5. 토큰을 생성하려면 클릭하세요

명령줄 옵션

지엑스피1

매개변수:

• --token=YOUR_TOKEN (필수): 인증을 위한 MasterGo API 토큰

• --url=API_URL (선택 사항): API 기반 URL, 기본값은 http://localhost:3000입니다.

• --rule=RULE_NAME (선택 사항): 적용할 디자인 규칙을 추가합니다. 여러 번 사용할 수 있습니다.

• --debug (선택 사항): 자세한 오류 정보를 보려면 디버그 모드를 활성화합니다.

매개변수에 공백으로 구분된 형식을 사용할 수도 있습니다.

npx @mastergo/magic-mcp --token YOUR_TOKEN --url API_URL --rule RULE_NAME --debug

링마 사용법

VSCode 확장 프로그램 마켓플레이스에서 LINGMA를 검색하여 설치하세요.

로그인 후 채팅창에서 [MCP 도구]를 클릭하세요.

상단의 [MCP Square]를 클릭하여 MCP 마켓플레이스에 접속한 후, MasterGo 디자인 협업 도구를 찾아 설치하세요.

설치 후 [MCP 서버]로 돌아가서 MCP 서비스를 편집하여 사용자의 MasterGo 토큰으로 바꾸세요.

마지막으로, 채팅 인터페이스에서 채팅 모드를 에이전트 모드로 전환합니다.

커서 사용법

Cursor Mcp 사용 가이드 참조: https://docs.cursor.com/context/model-context-protocol#using-mcp-tools-in-agent

{
  "mcpServers": {
    "mastergo-magic-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "@mastergo/magic-mcp",
        "--token=<MG_MCP_TOKEN>",
        "--url=https://mastergo.com"
      ],
      "env": {}
    }
  }
}

클라인 사용법

{
  "mcpServers": {
    "@master/mastergo-magic-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "@mastergo/magic-mcp",
        "--token=<MG_MCP_TOKEN>",
        "--url=https://mastergo.com"
      ],
      "env": {}
    }
  }
}

프로젝트 구조

src 디렉토리

src 디렉토리에는 MasterGo Magic MCP 서비스의 핵심 구현이 포함되어 있습니다.

• index.ts : MCP 서버를 초기화하고 모든 도구를 등록하는 애플리케이션의 진입점

• http-util.ts : MasterGo API에 대한 HTTP 요청을 처리하기 위한 유틸리티

• types.d.ts : 프로젝트에 대한 TypeScript 유형 정의

소스/도구

MCP 도구 구현이 포함되어 있습니다.

• base-tool.ts : 모든 MCP 도구의 기본 클래스

• get-dsl.ts : MasterGo 디자인 파일에서 DSL(도메인 특정 언어) 데이터를 검색하는 도구

• get-component-link.ts : 링크에서 구성 요소 문서를 검색하는 도구

• get-meta.ts : 메타데이터 정보를 검색하는 도구

• get-component-workflow.ts : Vue 및 React 구성 요소에 대한 구조화된 구성 요소 개발 워크플로를 제공하고 워크플로 파일 및 구성 요소 사양을 생성하는 도구입니다.

src/마크다운

추가 문서가 포함된 마크다운 파일이 포함되어 있습니다.

• meta.md : 메타데이터 구조 및 사용에 대한 문서

• component-workflow.md : 구조화된 컴포넌트 개발 프로세스를 안내하는 컴포넌트 개발 워크플로 문서

지역 개발

1. yarn 과 yarn build 실행하여 종속성을 설치하고 코드를 빌드합니다.

2. bin/cli.js 의 절대 경로를 찾으세요

3. 토큰을 사용하여 로컬 MCP 구성 추가

"mastergo-mcp-local": {
  "command": "node",
  "args": [
    "absolute/path/to/bin/cli.js",
    "--token=mg_xxxxxx",
    "--url=https://mastergo.com",
    "--debug"
  ],
  "env": {}
},

4. 로컬 MCP가 활성화되었는지 확인하려면 편집기를 다시 시작하세요.

성공적으로 실행되면 로컬 실행 결과를 기반으로 디버깅할 수 있습니다. 수정 사항을 기반으로 자체 MCP 서비스를 빌드할 수 있습니다.

여러분의 코드 기여를 환영하며, MasterGo의 MCP 서비스를 함께 만들어 나가기를 기대합니다.

특허

아이에스씨