Enables AI image generation using Hugging Face's FLUX.1-schnell model, allowing text-to-image conversion through the Hugging Face Inference API.
TypeScript MCP Server 보일러플레이트
TypeScript MCP SDK를 활용하여 Model Context Protocol (MCP) 서버를 빠르게 개발할 수 있는 보일러플레이트 프로젝트입니다.
📁 프로젝트 구조
🚀 시작하기
1. 의존성 설치
2. 서버 이름 설정
src/index.ts 파일에서 서버 이름을 수정하세요:
💡 팁: 현재 보일러플레이트에는 이미 계산기와 인사 도구, 그리고 서버 정보 리소스가 예시로 구현되어 있습니다.
3. 빌드
4. 실행
빌드가 성공하면 build/ 디렉토리에 컴파일된 JavaScript 파일이 생성되고, 서버가 MCP 클라이언트의 연결을 대기합니다.
🛠️ 개발 가이드
MCP 도구(Tool) 추가하기
MCP 서버에 새로운 도구를 추가하려면 server.tool() 메서드에 Zod 스키마를 직접 정의하여 등록합니다:
더 복잡한 도구 예시
리소스 추가하기
MCP 서버에 리소스를 추가하여 외부 데이터나 파일에 대한 접근을 제공할 수 있습니다:
이미지 생성 도구 예시
참고: 이미지 생성 도구를 사용하려면 Hugging Face API 토큰(
HF_TOKEN)을 환경 변수로 설정해야 합니다.
📦 주요 의존성
@modelcontextprotocol/sdk: MCP 프로토콜 구현을 위한 공식 SDK
zod: TypeScript 우선 스키마 검증 라이브러리
typescript: TypeScript 컴파일러
@huggingface/inference: Hugging Face AI 모델 사용을 위한 라이브러리
🔧 스크립트
npm run build: TypeScript를 JavaScript로 컴파일하고 실행 권한 설정
📋 사용 예시
완전한 서버 예시
🔧 Cursor MCP 연결
개발한 MCP 서버를 Cursor에서 테스트할 수 있습니다:
설정 파일 수정
./.cursor/mcp.json 파일을 편집합니다:
주의:
절대 경로를 사용해야 합니다.
pwd명령어로 현재 경로를 확인하세요.이미지 생성 도구를 사용하려면
env섹션에 Hugging Face API 토큰을 설정해야 합니다.Hugging Face 토큰은 https://huggingface.co/settings/tokens에서 발급받을 수 있습니다.
테스트 명령어
Cursor MCP에서 다음과 같이 테스트해볼 수 있습니다:
"5 더하기 3은 얼마야?" (계산기 도구 테스트)
"안녕하세요 라고 인사해줘" (인사 도구 테스트)
"현재 시간 알려줘" (시간 도구 테스트)
"말을 타고 있는 우주인 이미지 생성해줘" (이미지 생성 도구 테스트)
서버 정보 리소스 조회
🔗 참고 자료
📄 라이선스
MIT
This server cannot be installed