~/hayashigoto

> ~/hayashigoto/works/webmcp-skill/

README.md

webmcp-skill — WebMCP 導入プラグイン

Webアプリのフォームや操作を、ブラウザ内AIエージェントへ構造化ツールとして公開するClaude Codeプラグイン。非対応ブラウザでも壊れない既定値と、入力検証や確認処理を含む実装パターンを提供する。

project.yml
year:
2026
role:
System Design / Software Development
category:
探索
stack:
JavaScriptWebMCPClaude Code PluginAgent Skills
links.yml
details.md

webmcp-skillは、WebアプリへWebMCP追加するためのClaude Codeプラグインです。tobanで実装したパターンを、別のサイトでも使えるAgent Skillと最小例へ切り出しました。

画面操作を構造化する

フォームやアプリ内の操作を構造化ツールとして公開し、ブラウザ内AIエージェントが画面から操作方法を推測せずに呼び出せるようにします。宣言型のフォーム注釈と、registerTool使う命令型の両方を扱います。

非対応ブラウザでは何も登録しないこと、入力上限を通常UIと共有すること、外部公開や削除などの操作には人の確認を残すことを既定の設計にしました。読み取り、変更、確認付き操作の最小例も同梱しています。

現在の位置づけ

WebMCPはChromeの試験提供とW3C Draftの段階にあり、APIは変わる可能性があります。そのため、固定したAPI仕様を教えるプラグインではなく、実装時に最新資料を確認しながら安全な境界を作るためのガイドとして公開しています。