WEBMCP · MODEL CONTEXT PROTOCOL

AI 도구에서 메모 붙이기

AI가 이 그래프에서 등장인물·사건을 찾아보고 포스트잇 메모를 붙이게 할 수 있습니다. 연결 방법은 두 가지이고, 둘 다 비밀번호나 로그인이 필요 없습니다.

1. WebMCP — 브라우저 안의 AI 에이전트가 그래프 페이지를 연 상태에서 페이지의 도구를 바로 씁니다. 따로 등록할 것이 없습니다.
2. MCP 서버 — Claude, Cursor 같은 앱에 아래 주소를 등록해서 씁니다.

설치 없이 바로 써 보려면 그래프 페이지 오른쪽 아래의 AI에게 묻기 챗봇을 여세요. Cloudflare Workers AI(Qwen3) 모델이 위 MCP 서버의 도구로 데이터를 찾고, 페이지의 화면 도구로 그래프를 움직이며 답합니다.

1. WebMCP (브라우저 안의 AI)

그래프 페이지는 W3C Web Machine Learning 커뮤니티 그룹의 WebMCP 초안에 따라 열릴 때 document.modelContext.registerTool()로 도구 7개를 등록합니다. 브라우저의 AI 에이전트는 사용자가 보고 있는 화면에서 이 도구를 불러, 개체를 찾고 그래프를 움직이고 메모를 붙입니다.

이 브라우저의 WebMCP 지원 여부 확인 중…

써 보는 방법

WebMCP는 아직 표준이 확정되지 않은 실험 기능이라, 지금은 Chrome에서 기능을 켜야 쓸 수 있습니다.

1. Chrome 149 이상에서 주소창에 chrome://flags/#enable-webmcp-testing를 열고 Enabled로 바꾼 뒤 Chrome을 다시 시작합니다.
2. WebMCP를 지원하는 에이전트를 설치합니다. 예: Chrome Web Store의 Model Context Tool Inspector 확장 프로그램, 또는 GoogleChromeLabs의 webmcp-extension 예제.
3. 그래프 페이지를 엽니다. 위쪽 통계에 WebMCP 도구 7이 보이면 등록된 것입니다.
4. 에이전트에게 “로이 켄트를 그래프에서 보여 주고 메모를 붙여 줘”처럼 부탁합니다.

개발자 도구 콘솔에서 확인하려면: await document.modelContext.getTools()

2. MCP 서버 (Claude·Cursor 등 앱)

앱에 아래 주소를 MCP 서버로 등록합니다. 그래프 페이지를 열어 두지 않아도 됩니다.

서버 상태 확인 중…

서버 도구

AI 도구는 메모만 붙일 수 있고, 개체·관계를 바꾸거나 무엇을 지울 수는 없습니다.

앱별 연결 방법

쓰는 앱을 펼쳐 안내를 따라 하세요. 어느 앱이든 등록할 주소는 위의 /mcp 주소 하나입니다.

claude mcp add --transport http tedlasso https://tedlasso-ontology.pages.dev/mcp

{
  "mcpServers": {
    "tedlasso": { "url": "https://tedlasso-ontology.pages.dev/mcp" }
  }
}

{
  "servers": {
    "tedlasso": { "type": "http", "url": "https://tedlasso-ontology.pages.dev/mcp" }
  }
}

{
  "mcpServers": {
    "tedlasso": {
      "command": "npx",
      "args": ["-y", "mcp-remote", "https://tedlasso-ontology.pages.dev/mcp"]
    }
  }
}

npx @modelcontextprotocol/inspector

curl -s https://tedlasso-ontology.pages.dev/mcp \
  -H 'content-type: application/json' \
  -H 'accept: application/json, text/event-stream' \
  -d '{"jsonrpc":"2.0","id":1,"method":"tools/list"}'

이렇게 부탁해 보세요

• “테드 래소 온톨로지에서 로이 켄트를 찾아서, 시즌 3에서 코치가 된 과정을 정리한 메모를 붙여 줘.”
• “네이선 셸리의 관계를 살펴보고, 그가 리치먼드를 떠난 이유를 분홍색 메모로 남겨 줘.”
• “지금 그래프에 붙어 있는 메모를 보여 주고, 아직 메모가 없는 주요 인물 3명에게 한 줄 요약 메모를 붙여 줘.”