JW

jasonjmcghee/webmcp

Developer tools

이 페이지는 AI로 자동 번역되었습니다. 기술적인 세부 사항은 원문을 확인하세요. 원문 보기

921 stars 53 forks 품질 66 트렌드 24MIT

초기 WebMCP 제안 / 구현 - 이후 웹 개발에 더 능숙한 사람들이 발전시키고 작업했습니다: https://github.com/webmachinelearning/webmcp

개요

명확히 하기 위해 추가됨: 2026년 2월 12일 아마도 공식 W3C 저장소 + 사양을 원하실 겁니다: https://github.com/webmachinelearning/webmcp 이것은 초기 WebMCP 제안 및 구현 사례였습니다. 저는 그저 꿈을 가진 사람이었습니다. WebMCP의 아이디어는 이후 진화해 왔고, 웹 개발자들이 훨씬 더 유능하게 개발하고 있습니다. 이 구현은 W3C 규격을 준수합니다. 이 모든 점을 감안하면, WebMCP의 가치를 보여주는 데 도움이 되므로 자유롭게 시도해 보시길 바랍니다. 클라이언트 측 LLM을 지원하는 웹사이트 제안 및 코드 WebMCP는 웹사이트가 도구, 리소스, 프롬프트 등을 LLM에 공유할 수 있게 해줍니다. 즉, WebMCP는 웹사이트가 MCP 서버가 될 수 있게 해줍니다. API 키 공유는 없습니다. 원하는 모델을 사용하세요.

개요(AI 번역)

_Added 명확히 하기 위해: 2026년 2월 12일


아마도 공식 W3C 저장소 + 사양을 원하실 겁니다: https://github.com/webmachinelearning/webmcp

이것은 초기 WebMCP 제안 및 구현 사례였습니다. 저는 그저 꿈을 가진 사람이었습니다.

WebMCP의 아이디어는 이후 진화해 왔고, 웹 개발자들이 훨씬 더 유능하게 개발하고 있습니다.

이 구현은 W3C 규격에 **전혀 부합하지 않습니다.

이 모든 점을 감안하면, WebMCP의 가치를 보여주는 데 도움이 되므로 자유롭게 시도해 보시길 바랍니다.


웹MCP

클라이언트 측 LLM을 지원하는 웹사이트 제안 및 코드

WebMCP는 웹사이트가 도구, 리소스, 프롬프트 등을 LLM에 공유할 수 있게 해줍니다. 즉, WebMCP는 웹사이트가 MCP 서버가 될 수 있게 해줍니다. API 키 공유는 없습니다. 원하는 모델을 사용하세요.

제가 만든 WebMCP 지원 웹사이트가 있습니다

웹사이트 소유자가 사이트에 올릴 수 있는 위젯 형태로, 클라이언트 측 LLM이 사용자나 에이전트에게 훌륭한 UX를 제공하는 데 필요한 도구를 제공할 수 있습니다.

The 외관, 느낌, 사용 방식, 보안 모두 기여나 건설적인 비판을 환영합니다. MCP 클라이언트가 직접 WebMCP 기능을 구축하는 것이 이상적인 outcome.

이 페이지는 AI로 자동 번역되었습니다. 기술적인 세부 사항은 원문을 확인하세요.

README

원문 README의 일부입니다. 원문 보기.

Added For Clarification: February 12th, 2026


You likely want the official W3C repo + spec: https://github.com/webmachinelearning/webmcp

This was an early WebMCP proposal / implementation. I was just a guy with a dream.

The idea of WebMCP has since evolved and is being worked on by much more capable folks that develop the web.

This implementation is not compliant with the W3C spec.

All this being said, please do feel free to try it out, as it demonstrates the value of WebMCP.


WebMCP

A proposal and code for websites to support client side LLMs

WebMCP allows websites to share tools, resources, prompts, etc. to LLMs. In other words, WebMCP allows a website to be an MCP server. No sharing API Keys. Use any model you want.

Here’s a simple website I built that is WebMCP-enabled

It comes in the form of a widget that a website owner can put on their site and expose tools to give client-side LLMs what they need to provide a great UX for the user or agent.

The look, feel, how it’s used, and security are all absolutely open for contribution / constructive criticism. MCP Clients directly building WebMCP functionality seems like an ideal outcome.

An end-user can connect to any number of websites at a time - and tools are “scoped” (by name) based on the domain to simplify organization.

Super Quick Demo (20 seconds, Sound on 🔊)

https://github.com/user-attachments/assets/61229470-1242-401e-a7d9-c0d762d7b519

Getting started (using your LLM with websites using WebMCP)

Installation

Just specify your MCP client (claude, cursor, cline, windsurf, or a path to json)

npx -y @jason.today/webmcp@latest --config claude

If you’re interested in setting it up manually, use the command npx -y @jason.today/webmcp@latest --mcp.

Auto-install was inspired by Smithery, but their code is AGPL so I wrote this myself. If it doesn’t work for you or you don’t see your mcp client, please file an issue.

Using WebMCP

When you’re ready to connect to a website, you can ask your model to generate you an mcp token.

Copy the token and paste it to the website’s input. As soon as the website registers with it, it’s thrown away and cannot be used for subsequent registrations or anything else. The website will receive its own session token for making requests.

If you’d rather your model / service never see the token, you can manually execute npx @jason.today/webmcp --new instead.

Some MCP clients, including Claude Desktop, need to be restarted to get access to new tools. (at least at time of writing)

To disconnect, you can close the browser tab, click “disconnect”, or shut down the server with npx @jason.today/webmcp -q.

All configuration files are stored in ~/.webmcp directory.

GitHub에서 전체 README 보기

설치

npx -y @jason.today/webmcp@latest --config claude
MCP 초보자라면? mcpskill.org 가이드부터 시작하세요 →