SiteMCP로 웹사이트를 MCP 서버로 전환하는 방법 및 활용 사례

소개

오늘날 인공지능(AI)은 급속도로 발전하면서 다양한 분야에서 활용되고 있습니다. 특히 AI 비서가 웹사이트의 모든 콘텐츠를 참조할 수 있다면 더욱 많은 가능성이 열릴 것입니다. 이 글에서는 SiteMCP라는 도구를 통해 이러한 가능성을 실현하는 방법을 소개합니다. SiteMCP는 어떠한 웹사이트라도 MCP 서버로 변환시킬 수 있는 도구입니다.

MCP 서버란 무엇인가요?

MCP(모델 컨텍스트 프로토콜)는 AI 비서가 외부 데이터를 접근할 수 있도록 하는 메커니즘입니다. 간단히 말해, AI에게 "이 웹사이트를 읽어주세요" 또는 "이 파일을 확인해 주세요"라고 요청할 수 있는 프로토콜입니다.

SiteMCP란?

SiteMCP는 AI 비서가 외부 데이터를 손쉽게 참조할 수 있도록 웹사이트를 MCP 서버로 변환하는 도구입니다. 이 도구는 각 페이지의 콘텐츠를 AI 비서에게 직접 제공함으로써, AI의 정보 검색 능력을 대폭 향상시킵니다.

사용 방법

SiteMCP를 사용하는 방법은 매우 간단합니다. 설치 및 사용 방법에 관한 자세한 내용은 GitHub의 README에서 확인하실 수 있습니다. 이곳에서는 Claude Desktop과 SiteMCP를 사용하는 간단한 예제를 소개합니다.

• 예제 설정:

{
  "mcpServers": {
    "daisy-ui": {
      "command": "npx",
      "args": [
        "-y",
        "sitemcp@latest",
        "https://daisyui.com",
        "-m",
        "/components/**"
      ]
    }
  }
}

Claude Desktop 설정 파일에 위 코드를 추가하고, 재시작하면 SiteMCP를 통해 원하는 정보를 가져올 수 있습니다.

SiteMCP의 장점

토큰 사용량 감소

SiteMCP는 페이지 URL을 MCP 도구 이름으로 등록하고, 페이지 제목을 설명으로 사용합니다. LLM은 이 정보를 기반으로 필요한 콘텐츠를 적시에 가져올 수 있습니다. 따라서 기존의 방식보다 토큰 사용량을 줄일 수 있습니다.

다양한 라이브러리와의 호환성 증대

주요 UI 라이브러리는 높은 정확도로 AI 비서와 호환되지만, 덜 알려진 라이브러리는 정보가 부족할 수 있습니다. 예를 들어, 최신 Svelte 5 정보를 얻기 위해 SiteMCP를 사용하여 최신 정보를 가져올 수 있습니다.

{
  "mcpServers": {
    "svelte": {
      "command": "npx",
      "args": [
        "-y",
        "sitemcp@latest",
        "https://svelte.dev",
        "-m",
        "/docs/**"
      ]
    }
  }
}

위와 같은 설정으로 최신 Svelte 5 문서에 접근할 수 있습니다.

개인 웹사이트를 MCP 서버로

개인 웹사이트를 MCP 서버로 변환하여 AI가 당신의 사이트를 참조하게 할 수 있습니다. 이러한 기능을 통해 자기소개서 생성이나 블로그 포스트 작성 등 다양한 용도로 활용할 수 있습니다.

업데이트 및 결론

업데이트된 버전 0.2.0에서는 문서별로 두 개의 서버만 실행하도록 변경되었습니다. 이로 인해 더 효율적으로 작동하며 페이지네이션 기능을 추가하여 긴 문서에 대한 접근성을 향상시켰습니다. SiteMCP는 이러한 기능을 통해 더 나은 AI 비서 활용을 가능케 합니다.

추가 정보는 다음 링크를 참조하세요:

• SiteMCP GitHub

이 글이 여러분의 AI 활용에 도움이 되기를 바랍니다!