Nuxt MCP Toolkit: Nuxt 앱에서 Model Context Protocol (MCP) 서버를 쉽게 생성하는 모듈

Model Context Protocol (MCP) 서버를 Nuxt 앱에서 직접 쉽게 생성할 수 있는 Nuxt 모듈입니다. 설정이 필요 없이 MCP 툴, 리소스, 프롬프트를 정의하세요 - 파일을 생성하면 자동으로 발견되고 등록됩니다.

• 🎯
  Zero Configuration- 툴, 리소스, 프롬프트, 앱의 자동 발견 - 📦
  File-based- 직관적인 디렉토리 구조에서 정의 조직화 - 🚀
  Multiple Handlers- 단일 앱에서 여러 MCP 엔드포인트 생성 - 🖼️
  MCP Apps- MCP Apps 호환 호스트로 상호작용 가능한 Vue UI 위젯 배포 - 🔍
  Built-in Inspector- Nuxt DevTools 내 시각적 디버깅 도구 - 📝
  TypeScript First- 자동 임포트와 함께 완전한 타입 안전성 - 🔒
  Zod Validation- 내장 입력/출력 검증

Nuxt MCP Toolkit 는 AI 코딩 어시스턴트가 Nuxt 앱에서 MCP 서버를 구축하고 관리하는 데 도움을 주는 Agent Skills 를 제공합니다.

공식 문서 사이트 (Docus Agent Skills) 에서 스킬을 설치하세요:

npx skills add https://mcp-toolkit.nuxt.dev

설치 후 AI 어시스턴트는 다음 작업을 수행합니다:

• Nuxt 앱에서 MCP 서버 설정 및 구성
• 모범 사례에 따라 툴, 리소스, 프롬프트 생성
• MCP 구현의 안티패턴과 개선 사항 검토
• 자동 임포트, 엔드포인트, 검증 문제 해결
• 도구 선택을 확인하기 위한 평가 세트 생성

Nuxt 앱에서 MCP 서버 설정
사용자 데이터를 가져오는 툴 생성
MCP 구현 검토

nuxt 를 사용하여 모듈을 자동으로 설치하세요:

npx nuxt module add mcp-toolkit

또는 수동으로 설치하세요:

# npm
npm install -D @nuxtjs/mcp-toolkit zod
# yarn
...

기여를 환영합니다! 버그나 기능 요청을 위한 이슈를 열거나 풀 리퀘스트를 제출하세요.

# 의존성 설치
pnpm install
# 타입 스텁 생성
...

Issues: 버그나 기능 요청을 위한 이슈 열기
X: 업데이트를 위해 @hugorcd 팔로우

MIT 라이선스 하에 게시됨.
@HugoRCD 와 커뮤니티가 제작함 💛