alibaba/webmcp-nexus

Developer tools

このページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。原文を見る

47 stars 6 forks 品質 85 トレンド 27MIT

Repository Install

WebMCP 規格の非侵襲的なフロントエンドパッケージ: 通常の TS 関数と、SDK、Vite/Webpack プラグイン、AI コードスキルを使用して、任意の MCP クライアントによって呼び出される JSDoc を書く。

概要

WebMCP は、Web ページが MCP (ModelContext Protocol) のクライアントアクセス可能なツールにドキュメントを通した機能を公開することを可能にする、W3C ブラウザ標準の提案(Google と Microsoft が共同で駆動)です。この標準で利用できるフロントエンドエンジニアリングオプションのセット: - — 2つのAPIのみ(GlobalTools /useWebMcpToolsを登録)がエクスポートされ、グローバル、ルート、コンポーネントの3つのライフサイクルをカバーしています。 - — Vite 及び Webpack の倍の適合; タイプタイプタイプタイプタイプタイプタイプタイプタイプタイプタイプタイプタイプタイプタイプタイプタイプタイプタイプタイプタイプタイプタイプ + 構造の間に静的な分析のための JSDoc、自動的に JSON のスキーマ、用具機能ゼロラベル、パッケージを発生させます。 - - - - ハイエンドブラウザは元のAPIを利用します。他の環境はSDKの入口で自動的にpolyfilによって荷を積まれ、ビジネスコードを意味しません。 - - - - Claude Code、Cursorなど、Agent 用にエンコードされたスキル文書は、ワンワードコマンドに変換されました。 1 つの文: 通常の TypeScript 関数と、任意の MCP クライアントによって呼び出される行 JSDoc を書く。 - 🪶 - GlobalTools + WebMcpTools、30秒読み、5分アクセスを登録します。 - 🔬 - ts-morph静的解析、関数シグネチャ = JSON スキーマ、実行費用なしに基づく。 - 開発フェーズは、機能の署名を変更します。, ツールスキーマは、手動のさわやかななしで自動的に再登録. - 🧩 - コンポーネントレベルのツールは、原子工具の汚染を防ぐために、React ライフサイクルでマウント/マウントされていない。 - - - 内部スコープの所有権登録、中断されていない閉鎖および厳密な分離の取消の警告だけが付いている複数のスコープ登録。 - — クローム149 + ネイティブ文書を歩く. ModelContext (146-1449 by polyfil for access bridge)。他の環境は自動的に@mcp-b/[email protected]を有効にします。 - ローカルMCPクライアントは、@mcp-b/webmcp-local-relay、Claude Desktop/ Cursor/VSコードを介して直接Webアプリケーションを駆動することができます。

概要（AI 翻訳）

**WebMCP標準のゼロ侵襲的フロントエンド統合プログラムの場合。メニュー

MCP クライアントの直接ドライバーであるために、任意の React アプリケーションを数分で実行できます。

日本語 English

オンライン予約

私は…

ディレクトリ

プロジェクトプロフィール
なぜ webMCP ネクサス? -中心ライト。
プロジェクト構造
クイックスタート。
レベル3登録戦略
アプリケーション例
ローカルエージェントがWebを操作できるようにする
AIコード、Skyll。
ブラウザの互換性
ツール名の競合戦略
Type-TypeScript サポート範囲
技術。
スクリプトの開発
プロジェクトステータス
貢献への参加
ライセンス。

プロジェクトプロフィール

WebMCP は、Web ページが MCP (Model Context Protocol) のクライアント対応ツールに [document.modelContext.registerTool() を介した機能を公開することを可能にする W3C ブラウザ標準提案 (Google と Microsoft が共同進行) です。 WebMCP Nexusは、この標準の周りに利用可能なフロントエンドエンジニアリングオプションのセットです。

-** Run-time SDK** - 2つの API [[T1] / [useWebMcpToolsのみがエクスポートされ、グローバル、ルート、コンポーネントの3つのライフサイクルをカバーしています。 -** Build Plugin** — Vite & Webpack Double Fit; Type Type Type Type Type Type Type Type Type Type Type Type Type Type Type Type Type + JSDoc は、JSON Schema、ツール機能ゼロノテーション、パッケージを自動的に生成します。 -Polyfillの統合 - ハイエンドのブラウザのウォークインAPI;他の環境はSDKの入口で自動的にpolyfillと荷を積まれ、ビジネスコードの感覚無しで。

エージェントスキル - クロードコード、カーソルなどのためにエンコードされているスキル文書は、ワンワードコマンドに変換されています。

1 つの文: 通常の TypeScript 関数を記述し、任意の MCP クライアントによって呼び出すことができる行 JSDoc を追加します。

WebMCPネクサスを選ぶ理由

WebMCPネクサス

|API 表面 | デコレータ / 包装機能 / 可視性シマ構成 ** 2 API** カバーすべてのシーン

このページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。

インストール

npx -y @mcp-b/webmcp-local-relay@latest

MCP 初心者？mcpskill.org のガイドから始めましょう →

設定

{
  "mcpServers": {
    "webmcp-local-relay": {
      "command": "npx",
      "args": ["-y", "@mcp-b/webmcp-local-relay@latest"]
    }
  }
}