Page DeltasPage Deltas

가이드

Claude Code, Cursor, VS Code에서 MCP로 웹사이트를 모니터링하는 방법

Page Deltas MCP를 Claude Code, Cursor, VS Code에 연결하세요. AI 에이전트에서 직접 AI 필터링 웹사이트 모니터를 생성할 수 있습니다. 무료 플랜, 카드 등록 없음.

Page Deltas에 중요한 것 알리기

Hubspot 가격이 변경되면 알림

https://www.hubspot.com/pricing
HubSpot 가격 페이지 — 월 792유로부터 시작하는 Professional 플랜
PDPage DeltasApp지금

🔔 https://www.hubspot.com/pricing에서 변경 감지:
Professional 플랜의 가격이 €749/mo에서 €792/mo(으)로 올랐습니다.

Claude Code에게 경쟁사의 가격 페이지를 주시하고 Pro 플랜에 변동이 생기면 알려달라고 요청합니다. 에이전트는 깔끔한 폴링 스크립트를 작성하여 1회 실행한 뒤 세션이 종료되면 멈춥니다. 다음 날 아침 페이지는 변경되었지만 아무도 알림을 받지 못했습니다. 에이전트는 페이지의 내용을 분석할 수는 있지만, 당신을 위해 밤새 깨어 있을 수는 없습니다.

코딩 에이전트에게는 채팅 대화창 외부에서 작동하는 영속적인 모니터가 필요합니다. 세션이 닫힌 후에도 계속해서 확인하고, 자연어 브리프를 통해 노이즈를 걸러내며, 필요할 때 변경 사항을 보여줄 수 있는 시스템입니다. 이것이 바로 Page Deltas MCP 서버가 존재하는 이유입니다. 저는 Page Deltas에서 일하고 있으므로 이 점을 염두에 두고 읽어주시기 바랍니다. 이 글에서는 Claude Code, Cursor, VS Code Copilot, Claude Desktop을 연결하는 방법을 살펴보고 실질적으로 유용한 모니터를 만드는 프롬프트를 소개합니다.

에이전트 내에서 일회성으로 페이지를 조회하는 것은 «지금 이 페이지에 무엇이 적혀 있는가»를 확인하는 데는 훌륭합니다. 하지만 «다음 주에 이 페이지가 변경되면 알려달라»는 요구에는 대응하지 못합니다. 결국 cron 작업, 스크레이퍼, 마지막 스냅샷을 저장할 인프라를 직접 유지보수하게 됩니다. 이러한 작업의 대부분은 제품의 가치를 높이는 일이 아니라 단순한 관리 잡무에 불과합니다.

MCP로 연결된 변경 모니터는 이러한 역할 분담을 뒤집습니다. 에이전트는 감시 항목을 생성하고 브리프를 작성합니다. Page Deltas가 적응형 주기로 공개 페이지를 조회하고, 이전 확인 결과와 비교하며, 요청한 조건에 부합하는 변경이 발생했을 때만 알림을 보냅니다. 변경 이력과 스크린샷은 조직 내에 안전하게 보관됩니다. 새로운 대화를 시작할 때 폴링 스크립트를 다시 짤 필요 없이 에이전트에게 최근 변경 내역을 정리해 달라고 요청하기만 하면 됩니다.

에이전트 환경에서 중요한 두 가지 세부 사항이 있습니다. Page Deltas에서는 검사 횟수가 종량제로 차감되지 않으므로, 한 주 동안 check_monitor_now 호출이 집중되더라도 월간 쿼터가 소진되지 않습니다. 또한 MCP 엔드포인트에서는 쿠키 기반 로그인 세션이 허용되지 않습니다. REST API와 동일한 Bearer API 키를 사용하여 인증합니다.

에이전트 대신 curl이나 Python으로 동일한 작업을 수행하려면 모든 웹사이트를 변경 감지 API로 변환하는 방법을 참조하세요. 전반적인 제품 소개는 웹사이트 변경을 모니터링하는 방법에서 확인할 수 있습니다.

Claude Code, Cursor 또는 VS Code 연결하기

무료 계정을 만든 다음 설정 및 API 키 메뉴로 이동합니다. editor 또는 admin 권한이 필요합니다. 키는 단 한 번만 표시되므로 생성 즉시 복사하세요. 버전 관리되는 설정 파일이 아니라 환경 변수나 클라이언트의 시크릿 저장소에 안전하게 보관하세요. 키는 pdt_… 형식으로 시작하며 키를 생성한 조직 내에서 관리자 수준의 권한으로 동작합니다.

원격 Streamable HTTP를 지원하는 모든 MCP 클라이언트의 주소를 https://api.pagedeltas.com/mcp로 지정하고 모든 요청에 Authorization 헤더를 포함합니다.

Claude Code의 경우 ~/.claude.json 또는 프로젝트의 .mcp.json에 다음 설정을 추가합니다:

{
  "mcpServers": {
    "pagedeltas": {
      "type": "http",
      "url": "https://api.pagedeltas.com/mcp",
      "headers": {
        "Authorization": "Bearer pdt_xxxxxxxx"
      }
    }
  }
}

Cursor의 경우 ~/.cursor/mcp.json을 사용합니다. type 필드를 제외하고 구조는 동일합니다:

{
  "mcpServers": {
    "pagedeltas": {
      "url": "https://api.pagedeltas.com/mcp",
      "headers": {
        "Authorization": "Bearer pdt_xxxxxxxx"
      }
    }
  }
}

VS Code Copilot의 경우 .vscode/mcp.json에 서버 항목을 추가하고 키가 저장소에 커밋되지 않도록 입력 프롬프트에서 읽어오도록 구성합니다:

{
  "servers": {
    "pagedeltas": {
      "url": "https://api.pagedeltas.com/mcp",
      "headers": {
        "Authorization": "Bearer ${input:pagedeltas-api-key}"
      }
    }
  }
}

Claude Desktop은 여전히 로컬 stdio 프로세스를 선호합니다. mcp-remote와 환경 변수를 사용하여 브리지를 연결합니다:

{
  "mcpServers": {
    "pagedeltas": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-remote",
        "https://api.pagedeltas.com/mcp",
        "--header",
        "Authorization: Bearer ${PAGEDELTAS_API_KEY}"
      ]
    }
  }
}

저장 후 클라이언트를 다시 시작합니다. create_monitor, list_monitors, list_monitor_changes, check_monitor_now, 알림 채널 도구, 사이트맵 도구, get_plan과 같은 도구가 표시되어야 합니다. 또한 pagedeltas://plan 및 pagedeltas://monitors 리소스와 함께 create_monitor, review_changes라는 시작 프롬프트도 제공됩니다. 전체 도구 목록은 MCP 문서에서 확인할 수 있습니다.

유용한 모니터를 만드는 프롬프트 예시

도구가 등록되면 자연어 입력을 통해 불필요한 노이즈 없이 정밀한 모니터링이 생성되는지 확인할 차례입니다. 지침은 nl_description에 입력됩니다. 동료에게 업무를 인수인계하듯 작성하세요: 대상 페이지의 성격, 알림을 보내야 하는 상황, 무시해야 할 요소를 명시합니다.

경쟁사 가격 모니터링을 위한 프롬프트 예시:

Page Deltas를 사용하여 https://competitor.example/pricing 모니터를 생성해줘.
이름은 "경쟁사 가격". 브리프: 경쟁사 가격 정책 페이지. 요금제 가격이 변경되거나,
요금제가 추가/삭제되거나, 한도와 할당량이 변경될 때 알림을 보내줘.
쿠키 배너, A/B 테스트 레이아웃, 회전하는 고객 후기는 무시해줘. 생성 후 내 알림 채널을
조회하고 Slack 채널이 있으면 연결해줘.

중대한 변동이 있을 때만 확인하고 싶은 규제 기관 웹사이트 예시:

https://example-regulator.gov/dockets/acme에 Page Deltas 모니터를 생성해줘.
브리프: 공개 문서 목록 인덱스. 새로운 서류 제출, 의견 수렴 마감일 또는 심리 일정이
추가되면 알림을 보내줘. 페이지네이션 요소와 사건 목록을 변경하지 않는 "최종 업데이트"
타임스탬프는 무시해줘. 생성 완료 후 check_monitor_now를 1회 실행해줘.

수동 검사는 모니터당 분당 1회로 제한되며, 이는 배포 직후나 브리프를 수정한 직후 확인하기에 충분합니다. 배포 후 자체 웹사이트를 검증할 때도 동일한 패턴이 적용됩니다: «절대 일어나서는 안 되는 일»을 브리프로 작성하여 모니터를 생성하고, CI가 끝나면 에이전트가 스크립트나 대화를 통해 check_monitor_now를 호출하도록 합니다.

며칠 후 다시 돌아왔을 때 휘발성 채팅 메모리 대신 영속화된 모니터에서 상태를 복원합니다:

내 Page Deltas 모니터 목록을 조회하고 "경쟁사 가격"의 최근 3개 변경 내역을 보여줘.
어떤 항목이 변경되었는지 요약하고 Enterprise 플랜에 영향을 미친 변경이 있는지 확인해줘.

이 마지막 프롬프트에서 시스템의 진가가 드러납니다. 에이전트는 백그라운드에서 폴링 루프를 유지할 필요가 없었습니다. 영속적인 모니터에 타임스탬프가 포함된 변경 내역을 요청하고 필요한 요약 보고서를 작성했을 뿐입니다.

에이전트의 조회 방식 대신 자체 시스템으로 푸시 알림을 전송받아야 한다면 서명된 웹훅 채널(create_alert_channel)을 만들어 모니터에 연결하세요. 현재 전송은 채널당 1회 시도되며 X-Signature: sha256=을 통해 HMAC 검증이 제공됩니다. 중복을 허용하고 빠르게 응답할 수 있도록 수신기를 구성하세요. 세부 정보는 위에 링크된 변경 API 안내 글에 나와 있습니다.

Visualping MCP와의 비교

Visualping은 2026년 5월에 Claude Code 및 Codex에서 웹사이트를 모니터링하는 가이드를 발표했습니다. 두 제품 모두 에이전트가 모니터를 만들고 변경 사항을 읽을 수 있는 MCP 서버를 제공합니다. 차이점은 전송 프로토콜, 필터링 방식, 그리고 각 무료 플랜이 제한하는 항목에 있습니다.

Visualping의 커넥터는 https://visualping.io/mcp/sse에서 Server-Sent Events 방식을 사용합니다. 주로 분 단위의 고정 확인 주기를 설정합니다. 무료 플랜은 5개 페이지와 월 150회 검사를 제공하며, 무료 플랜의 최소 주기는 60분입니다(2026년 10월 기준 Visualping 가격 페이지 내용). 로그인이 필요한 페이지는 Actions 또는 Chrome 확장 프로그램을 통해 Visualping의 모든 플랜에서 지원됩니다. 확인해야 할 페이지가 로그인 후에만 존재하는 경우 현재로서는 Visualping이 더 적합합니다. Page Deltas는 아직 인증 로그인을 지원하지 않습니다.

Page Deltas는 https://api.pagedeltas.com/mcp에서 Streamable HTTP를 사용합니다. 고정 주기 필드가 없습니다. 주기는 적응형으로 작동하여 활성 페이지는 더 자주 검사되며, 무료 플랜을 포함한 모든 플랜에서 검사 횟수가 무제한입니다(무료 플랜은 최선형, 유료 플랜은 우선순위 부여). 기본 필터는 사후에 설정하는 영역 선택이나 중요도 플래그가 아니라 자연어 브리프(nl_description)입니다. 무료 플랜은 10개의 모니터링 URL 또는 사이트맵, 14일간의 이력, AI 필터링 및 요약, 5개 알림 채널 전체(Slack, Discord, Teams, 이메일, 서명된 웹훅), REST API 및 MCP를 신용카드 없이 제공합니다. 유료 플랜은 URL 개수와 보관 기간을 늘려줍니다(Starter는 월 $29에 150개 URL 및 30일 이력, Pro는 $79에 1,000개 URL 및 90일 등). 플랜별 상세 비교는 Page Deltas vs Visualping에서 확인할 수 있습니다.

에이전트 환경 구축을 위한 권장 사항: 로그인이 필요한 페이지나 소수의 URL에 대해 보장된 짧은 주기가 필요한 경우 Visualping을 사용하세요. 페이지가 공개되어 있고, 자연어 브리프를 스마트 필터로 활용하고 싶으며, 월간 검사 횟수를 일일이 계산하고 싶지 않다면 Page Deltas를 선택하세요.

MCP에서 지원하지 않는 기능

일부 작업은 대시보드 웹 또는 REST API에만 유지됩니다. CSV 대량 가져오기, API 키 관리, 팀 초대, Stripe 결제 등은 MCP를 통해 제공되지 않습니다. 에이전트가 멀티파트 업로드나 결제 인터페이스를 직접 제어해서는 안 되기 때문입니다.

우리는 공개 웹페이지만을 감시합니다. 마케팅 웹사이트, 공개 문서, 채용 공고, 공개 PDF, 사이트맵이 지원 범위에 포함됩니다. 인증된 모니터링 기능이 출시되기 전까지는 로그인 뒤에 있는 페이지에 접근할 수 없습니다.

정기 검사 간격 사이에 발생한 변경 사항은 check_monitor_now를 직접 호출하지 않는 한 다음 적응형 실행 시점까지 대기합니다. 특정 URL을 2분마다 칼같이 확인해야 하는 엄격한 요구 사항이 있다면 고정 주기를 지원하는 도구가 해당 영역에 더 알맞습니다.

파괴적인 작업(개별 삭제 및 일괄 삭제)은 클라이언트에 명시적으로 표시됩니다. API 키는 비밀번호처럼 안전하게 다루세요. 이 키를 가진 사람은 조직 전체의 모니터를 생성, 일시 중지, 삭제할 수 있습니다.

에이전트에서 URL 하나로 시작해 보세요

평소 수동으로 새로고침하며 확인하던 공개 페이지를 하나 선택하세요. 위의 설정 스니펫으로 Claude Code, Cursor 또는 VS Code를 연결하고, 3요소를 담은 브리프로 모니터를 하나 만든 뒤 내일 에이전트에게 변경 사항을 나열해 달라고 요청해 보세요. 무료 플랜은 AI 필터링, 5개 알림 채널 전체, REST API, MCP가 포함된 10개의 URL 또는 사이트맵을 신용카드 등록 없이 지원합니다. 무료로 모니터링 시작하기.

Julien, Page Deltas 프로덕트 매니저

Claude Code, Cursor, VS Code에서 MCP로 웹사이트를 모니터링하는 방법 · Page Deltas