mashharuki

webmcp-dev

mashharuki/claude-code-sample/.claude/skills/webmcp-dev/SKILL.md

WebMCP(Webページ自身がブラウザ内AIエージェントに「ツール」を公開するW3C Web Machine Learning Community Groupのドラフト仕様。navigator.modelContext / document.modelContext 経由の registerTool API)の設計・実装・セキュリティレビュー・テストを網羅的に支援する。ユーザーが「WebMCPを使いたい」「Webページ内のAI Agent向けツールを実装したい」「ブラウザのAIエージェント(Chrome組み込みAI、ChatGPTのSite tools、Model Context Tool Inspector等)にフォーム入力・検索・カート追加などページ内操作をさせたい」「registerTool/provideContext/useWebMCPを書きたい」「chrome://flags#webmcp-for-testingを有効にしたい」「Web MCPとMCP(サーバー側)の違いを知りたい」などと言った場合は必ず使うこと。「WebMCP」という単語を出さなくても、既存のWebアプリをブラウザ内AIエージェントから安全に操作可能にしたい、DOM操作やスクリーンショットに頼らずページの機能をAIに公開したい、といった意図が見えたら積極的に使う。仕様は現在も激しく変化し続けているドラフト段階のため、コードを書く前に必ず一次情報を再確認する運用も併せて提供する。