마스터고 매직 MCP
MasterGo Magic MCP는 MasterGo 설계 도구와 AI 모델을 연결하도록 설계된 독립형 MCP(Model Context Protocol) 서비스입니다. AI 모델이 MasterGo 설계 파일에서 DSL 데이터를 직접 가져올 수 있도록 지원합니다.
주요 특징
MasterGo 디자인 파일에서 DSL 데이터를 검색합니다.
npx로 직접 실행
외부 종속성은 필요하지 않으며 Node.js 환경만 필요합니다.
Related MCP server: MCP Boilerplate
지도 시간
용법
MG_MCP_TOKEN 획득
https://mastergo.com을 방문하세요
개인 설정 입력
보안 설정 탭을 클릭하세요
개인 액세스 토큰 찾기
토큰을 생성하려면 클릭하세요
명령줄 옵션
지엑스피1
매개변수:
--token=YOUR_TOKEN(필수): 인증을 위한 MasterGo API 토큰--url=API_URL(선택 사항): API 기반 URL, 기본값은 http://localhost:3000입니다.--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
클라인 사용법
프로젝트 구조
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: 구조화된 컴포넌트 개발 프로세스를 안내하는 컴포넌트 개발 워크플로 문서
지역 개발
yarn과yarn build실행하여 종속성을 설치하고 코드를 빌드합니다.bin/cli.js의 절대 경로를 찾으세요토큰을 사용하여 로컬 MCP 구성 추가
로컬 MCP가 활성화되었는지 확인하려면 편집기를 다시 시작하세요.
성공적으로 실행되면 로컬 실행 결과를 기반으로 디버깅할 수 있습니다. 수정 사항을 기반으로 자체 MCP 서비스를 빌드할 수 있습니다.
여러분의 코드 기여를 환영하며, MasterGo의 MCP 서비스를 함께 만들어 나가기를 기대합니다.
특허
아이에스씨