実際のDOM解析を使用して、walkerOSのdata-elb HTMLタグ付け属性の生成、解析、および検証を行います。
別名 elbwalker/walkerOS, source-browser, @walkeros/mcp-source-browser
- スター
- 350
- ツール
- 3
- ダウンロード数(30日間)
- —
- 最新バージョン
- 4.5.0
- 最終コミット
- 2026年11月12日
- ライセンス
- MIT
walkerOS Source Browser MCPとは
walkerOS Source BrowserはMCPサーバーです。 実際のDOM解析を使用して、walkerOSのdata-elb HTMLタグ付け属性の生成、解析、および検証を行います。. 3個のツールを提供しており、generate_tagging, parse_tagging, validate_taggingなどがあります。
プロジェクトのREADMEから生成された概要
walkerOS Source Browser MCP server について
AIアシスタントが実際のDOM解析を用いてdata-elb属性を生成、解析、検証できるようになると、walkerOSのHTMLタグ付け属性の管理がより正確になります。開発者はこのローカルMCP serverを使用することで、構造化された入力が正しくHTMLスニペットに変換されているか、また生成されたタグ付けが特定のルールに従っているかを確認できます。このサーバーはMCPクライアントを通じてstdio経由で動作し、動作にAPIキーや外部アカウントは必要ありません。
このサーバーは、タグ付けのライフサイクルを管理するために3つの特定のツールを提供します。generate_taggingツールは、構造化データからdata-elb属性とHTMLの例を作成します。parse_taggingは、既存のスニペットからイベントとglobalsを抽出します。品質を確保するために、validate_taggingツールは、空のエンティティ名、孤立したアクション、不明なトリガー、またはアクションが不足しているエンティティなどのエラーをチェックします。また、ユーザーはデフォルトのdata-elb設定の代わりに、これらの属性にカスタムプレフィックスを指定することも可能です。
できること
- 1HTMLタグ付けスニペットの作成製品カードなどの特定のUIコンポーネントに対して、そのまま貼り付け可能なdata-elb属性をアシスタントに作成させます。
- 2HTMLからのイベントデータの抽出HTMLスニペットをAIクライアントに提供し、そこに含まれるwalkerOSのイベントとglobalsを特定させます。
- 3タグ付けの正確性の検証検証ツールを使用して、孤立したアクション、不明なトリガー、または必要なアクションが欠落しているエンティティを見つけます。
プロジェクトの README から作成されています。すべてのユースケースは、その引用と照らし合わせて確認されています。
walkerOS Source Browser MCPのインストール方法
フォーマット検証日 2026年11月10日Claude CodeにwalkerOS Source Browser MCPをインストール
$ claude mcp add source-browser -- npx -y @walkeros/mcp-source-browserCursorにwalkerOS Source Browser MCPをインストール
~/.cursor/mcp.json
{
"mcpServers": {
"source-browser": {
"command": "npx",
"args": [
"-y",
"@walkeros/mcp-source-browser"
]
}
}
}VS CodeにwalkerOS Source Browser MCPをインストール
.vscode/mcp.json
{
"servers": {
"source-browser": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@walkeros/mcp-source-browser"
]
}
}
}Claude DesktopにwalkerOS Source Browser MCPをインストール
claude_desktop_config.json
{
"mcpServers": {
"source-browser": {
"command": "npx",
"args": [
"-y",
"@walkeros/mcp-source-browser"
]
}
}
}CodexにwalkerOS Source Browser MCPをインストール
~/.codex/config.toml
[mcp_servers.source-browser] command = "npx" args = ["-y", "@walkeros/mcp-source-browser"]
Gemini CLIにwalkerOS Source Browser MCPをインストール
~/.gemini/settings.json
{
"mcpServers": {
"source-browser": {
"command": "npx",
"args": [
"-y",
"@walkeros/mcp-source-browser"
]
}
}
}walkerOS Source Browser MCPツール 3
READMEから検出generate_taggingparse_taggingvalidate_tagging
| generate_tagging | — | |
| parse_tagging | — | |
| validate_tagging | — |
自動チェック
実行日 2026年11月12日詳細レポート →自動チェックに合格しました。これはセキュリティ監査ではありません。コードを読み、サーバーに必要最小限のアクセス権を与えてください。 チェックの仕組み
- ソースリポジトリがリンクされており、アクセス可能合格
- オープンソースライセンス (OSI)合格
- 過去1年以内にコミットまたはリリースあり合格
- パッケージ名が有名なパッケージに酷似していない合格
- リモートエンドポイントがHTTPSを使用未チェック
- 破壊的なツールがラベル付けされている合格
- モデルへの隠れた指示がない合格
- パッケージと依存関係に重大なアドバイザリがない合格
README
GitHubで見る@walkeros/mcp-source-browser
Model Context Protocol server for walkerOS HTML tagging. Generates, parses, and
validates data-elb attributes using real DOM parsing, so an AI assistant can
tag a page and check its own work. It runs locally and needs no account or API
token.
Documentation • NPM Package • Source Code
Installation
The server runs over stdio and is started by your MCP client. Add it to the client's configuration:
{
"mcpServers": {
"walkeros-source-browser": {
"command": "npx",
"args": ["@walkeros/mcp-source-browser"]
}
}
}
The walkerOS Claude Code plugin registers the flow servers and the walkerOS skills. It does not register this server, so in Claude Code add it to the configuration as above too.
To install the binary directly:
npm install @walkeros/mcp-source-browser
Quick start
Ask your assistant to tag a page, for example: "Generate walkerOS tagging for a
product card with name and price". It calls generate_tagging and returns
ready-to-paste data-elb attributes.
Tools
| Tool | Description |
|---|---|
generate_tagging |
Turn structured input into data-elb attributes and an example HTML snippet |
parse_tagging |
Parse an HTML snippet and extract the walkerOS events and globals it produces |
validate_tagging |
Check tagging for empty entity names, orphan actions, unknown triggers, orphan properties, and entities without actions |
All three accept an optional prefix to match a custom attribute prefix, which
defaults to data-elb.
Resources
| URI | Content |
|---|---|
walkeros://docs/tagging/html-attributes |
Guide to data-elb HTML attribute tagging |
walkeros://docs/tagging/tagger |
createTagger() fluent API reference |
Documentation
Full parameter tables and examples live in the docs: https://www.walkeros.io/docs/apps/mcp
Contribute
Feel free to contribute by submitting an issue, starting a discussion, or getting in contact.
License
MIT
walkerOS Source Browser MCPのよくある質問
walkerOS Source Browser MCPをClaude Codeに追加するには
ターミナルでclaude mcp add source-browser -- npx -y @walkeros/mcp-source-browserを実行します。すべてのプロジェクトで利用するには--scope userを追加します。
walkerOS Source Browser MCPをCursorに追加するには
~/.cursor/mcp.jsonを開き、上記のインストールセクションに示すCursor設定を使ってmcpServersの下にサーバーを追加します。
walkerOS Source Browser MCPが提供するツールは
3個のツールを提供しており、generate_tagging, parse_tagging, validate_taggingなどがあります。
サーバーのインストール方法を教えてください。
npxを使用して @walkeros/mcp-source-browser を実行するか、npm install @walkeros/mcp-source-browser でバイナリを直接インストールできます。
このサーバーにAPIキーは必要ですか?
いいえ、サーバーはローカルで動作するため、アカウントやAPIトークンは必要ありません。
このサーバーではどのようなツールが利用できますか?
タグ付けの生成、HTMLスニペットを解析してwalkerOSイベントを抽出するツール、および孤立したアクションや不明なトリガーなどのエラーを検証するツールが提供されます。