walkerOS Source Browser

@walkeros/mcp-source-browser

walkerOS の HTML タグ付け用 Model Context Protocol サーバーです。実際の DOM 解析を使用して data-elb 属性を生成、解析、検証するため、AI アシスタントがページにタグを付け、自分の作業を確認できます。ローカルで動作し、アカウントや API トークンは不要です。

ドキュメント • NPM パッケージ • ソースコード

インストール

このサーバーは stdio 経由で動作し、MCP クライアントによって起動されます。クライアントの設定に追加してください。

{
  "mcpServers": {
    "walkeros-source-browser": {
      "command": "npx",
      "args": ["@walkeros/mcp-source-browser"]
    }
  }
}

Claude Code では、代わりに walkerOS プラグインをインストールできます。このプラグインは、このサーバーに加え、フロー開発サーバーと walkerOS スキルを登録します。

/plugin marketplace add elbwalker/walkerOS
/plugin install walkeros@elbwalker

バイナリを直接インストールするには、次のようにします。

npm install @walkeros/mcp-source-browser

クイックスタート

たとえば、「商品名と価格を含む商品カード用の walkerOS タグ付けを生成して」とアシスタントに依頼してください。アシスタントは generate_tagging を呼び出し、そのまま貼り付けられる data-elb 属性を返します。

ツール

ツール	説明
generate_tagging	構造化された入力を data-elb 属性と HTML のサンプルスニペットに変換します
parse_tagging	HTML スニペットを解析し、そこから生成される walkerOS のイベントとグローバル変数を抽出します
validate_tagging	タグ付けに孤立したアクション、欠落したエンティティ、不明なトリガー、アクションのないエンティティがないか確認します

3 つのツールはいずれも、カスタム属性プレフィックスに合わせるための省略可能な prefix を受け付けます。デフォルトは data-elb です。

リソース

URI	内容
walkeros://docs/tagging/html-attributes	data-elb HTML 属性のタグ付けガイド
walkeros://docs/tagging/tagger	createTagger() の Fluent API リファレンス

ドキュメント

パラメーターの完全な一覧と例は、ドキュメントをご覧ください： https://www.walkeros.io/docs/apps/mcp

貢献

issue の投稿、ディスカッション の開始、またはお問い合わせを通じて、ぜひご貢献ください。

ライセンス

MIT