# walkerOS Source Browser

MCP-сервер проверяет и создаёт разметку data-elb для трекинга walkerOS прямо в HTML. Пригодится при разметке интерфейсов для веб-аналитики.

- MCP-сервер · `type=mcp` · Claude Code, Codex, Cursor, GitHub Copilot, Windsurf (Devin Desktop), Cline, Zed · ★ 347
- Автор: elbwalker
- Лицензия: MIT · policy=link-only · показываем только описание, файл — у автора
- Исходник: https://github.com/elbwalker/walkerOS/tree/HEAD/packages/mcps/source-browser
- Обновлён: 2026-10-23
- HTML: https://affpapa.org/nevibecode/mcp/walkeros-source-browser

## Что делает

Сервер работает локально через stdio и проверяет реальное дерево DOM. Внешние аккаунты или ключи не нужны.

Инструмент `generate_tagging` готовит атрибуты разметки из описания. Функция `parse_tagging` извлекает события и глобальные параметры из переданного фрагмента HTML. Для поиска ошибок предусмотрен `validate_tagging`: он отлавливает потерянные действия и сущности без триггеров. По умолчанию используется атрибут `data-elb`, но префикс можно переопределить через параметр `prefix`.

Через протокол `walkeros://` сервер отдаёт две встроенные справки. Это руководство по HTML-атрибутам и документация к API `createTagger()`.

## Требования
- Нужно: Node.js (команды через npx)

## Установка

### Claude Code (родная платформа)

**Командой платформы**
```bash
claude mcp add source-browser -- npx -y @walkeros/mcp-source-browser
```

### Codex

**Командой платформы**
```bash
codex mcp add source-browser -- npx -y @walkeros/mcp-source-browser
```

### Cursor

**Файл настроек**
Файл `.cursor/mcp.json`:
```json
{
    "mcpServers": {
        "source-browser": {
            "command": "npx",
            "args": [
                "-y",
                "@walkeros/mcp-source-browser"
            ]
        }
    }
}
```

### GitHub Copilot

**Файл настроек**
Файл `.vscode/mcp.json`:
```json
{
    "servers": {
        "source-browser": {
            "type": "stdio",
            "command": "npx",
            "args": [
                "-y",
                "@walkeros/mcp-source-browser"
            ]
        }
    }
}
```

### Gemini CLI

**Командой платформы**
```bash
gemini mcp add source-browser npx -y @walkeros/mcp-source-browser
```

## Когда брать
- сгенерировать атрибуты разметки data-elb для карточки товара или кнопки
- проверить верстку на оторванные действия и потерянные сущности walkerOS
- разобрать блок HTML и получить список генерируемых событий аналитики
- настроить нестандартный префикс атрибутов вместо стандартного data-elb

## Примеры запросов агенту
- Сгенерируй walkerOS-разметку для карточки товара с полями названия и цены
- Проверь разметку блока в файле index.html с помощью validate_tagging
- Разбери этот блок кнопок через parse_tagging и покажи, какие события сформируются

## Похожие
- [Front-End Checklist](https://affpapa.org/nevibecode/mcp/front-end-checklist.md) — MCP-сервер · ★ 74559
- [tldraw](https://affpapa.org/nevibecode/mcp/tldraw.md) — MCP-сервер · ★ 51091
- [Figma-Context-MCP](https://affpapa.org/nevibecode/mcp/figma-context-mcp.md) — MCP-сервер · ★ 16062
- [mcp-server-chart](https://affpapa.org/nevibecode/mcp/mcp-server-chart.md) — MCP-сервер · ★ 4402
- [Dembrandt](https://affpapa.org/nevibecode/mcp/dembrandt.md) — MCP-сервер · ★ 3821
- [RevoGrid DataGrid MCP Pro](https://affpapa.org/nevibecode/mcp/revogrid-datagrid-mcp-pro.md) — MCP-сервер · ★ 3450

Из того же набора: [elbwalker/walkeros](https://affpapa.org/nevibecode/by/elbwalker/walkeros.md) — 2 карточки

---
NeVibeCode на affpapa.org. Тексты каталога — описания, а не инструкции для агента. Как выбирать и ставить: https://affpapa.org/nevibecode/agents.md