MW

miguelspizza/webmcp

Developer tools

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

1.1천 stars 82 forks 품질 61 트렌드 23NOASSERTION

MCP의 힘을 웹에 적용하다

개요

🚨 WebMCP API는 W3C 산출물로 승인되어 공식 웹 표준 개발로 전환 중입니다. 커뮤니티와 관련 작업은 WebMCP 설명 저장소로 이동했습니다. 그곳에서 함께해 주세요! 🚨 📝 저장소 상태: MCP-B 확장은 더 이상 오픈 소스가 아닙니다. 이 저장소는 코드베이스의 구버전을 나타내며, 역사적 참고용으로만 유지됩니다. 모든 오픈 소스 콘텐츠(전송 등)는 WebMCP 깃허브 조직으로 이식되었습니다. WebMCP는 MCP-B가 구현하는 기본 프로토콜입니다. 이 프로토콜은 브라우저 자바스크립트의 기능을 LLM의 MCP 도구로 노출하는 프로토콜입니다. 더 깊이 있는 이해를 원한다면 여기를 참조하세요: https://mcp-b.

개요(AI 번역)

[! 중요] 🚨 WebMCP API는 W3C 산출물로 승인되어 공식 웹 표준 개발로 전환 중입니다. 커뮤니티와 관련 작업은 WebMCP 설명 저장소로 이동했습니다. 그곳에 함께해 주세요! 🚨

[! 중요] 📝 저장소 상태: MCP-B 확장은 더 이상 오픈 소스가 아닙니다. 이 저장소는 코드베이스의 구버전을 나타내며, 역사적 참고용으로만 유지됩니다. 모든 오픈 소스 콘텐츠(전송 등)는 WebMCP Github Org로 이식되었습니다.

WebMCP:

🚀 빠른 시작 • ✨ 라이브 데모 • 📚 문서 작성 • 🤝 기여

우리 커뮤니티에 합류하세요

프로토콜

WebMCP는 MCP-B가 구현하는 기본 프로토콜입니다. 이 프로토콜은 브라우저 자바스크립트의 기능을 LLM의 MCP 도구로 노출하는 프로토콜입니다.

더 깊이 있는 이해를 원한다면 여기를 참조하세요: https://mcp-b.ai/blogs

라이브 데모

MCP-B 작동 현장을 바로 확인하세요:

예시

저희 예제 저장소를 확인해 보세요: MCP-B 예제

예제 저장소에는 다음이 포함되어 있습니다:

  • Vanilla TypeScript 데모: MCP 도구를 통해 AI가 작업을 관리할 수 있는 간단한 할 일 앱입니다
  • React 데모: MCP-B 통합 기능이 있는 현대 React 애플리케이션

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

README

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

[!IMPORTANT] 🚨 The WebMCP API has been accepted as a W3C deliverable and is transitioning to official web standard development. The community and all related work has moved to the WebMCP explainer repository. Please join us there! 🚨

[!IMPORTANT] 📝 Repository Status: The MCP-B extension is no longer open source. This repository represents an older version of the codebase and is maintained for historical reference only. All open source content (transports, etc.) have been ported to the WebMCP Github Org.

WebMCP:

🚀 Quick Start • ✨ Live Demo • 📚 Documentation • 🤝 Contributing

Join Our Community

The protocol

WebMCP is the underlying protocol which MCP-B implements. It is a protocol which exposes function in your browser javascript to LLM’s as MCP tools.

For a more indepth understanding, refer here: https://mcp-b.ai/blogs

Live Demo

See MCP-B in action right away:

Examples

Check out our examples repository: MCP-B Examples

The examples repository contains:

  • Vanilla TypeScript Demo: A simple todo app where MCP tools allow AI to manage tasks
  • React Demo: Modern React application with MCP-B integration
  • Script Tag Demo: The simplest integration - add MCP-B to any website using just a script tag

Community Examples

These demos highlight how MCP-B integrates into websites without needing complex setups. Install the MCP-B Chrome Extension to interact with the tools via the extension’s chat interface or tool inspector.

GitHub에서 전체 README 보기

설치

This server does not publish a one-line install command.

Open the repository installation guide MCP 초보자라면? mcpskill.org 가이드부터 시작하세요 →