# webEmbedding

MCP-сервер для захвата веб-страниц, восстановления интерфейса и проверки результата. Пригодится для копирования публичных и частично статичных страниц.

- MCP-сервер · `type=mcp` · Claude Code, Codex, Cursor, GitHub Copilot, Windsurf (Devin Desktop), Cline, Zed, Gemini CLI · ★ 6
- Автор: jongko54
- Лицензия: MIT · policy=link-only · показываем только описание, файл — у автора
- Исходник: https://github.com/jongko54/webEmbedding
- Обновлён: 2026-06-30
- HTML: https://affpapa.org/nevibecode/mcp/webembedding

## Что делает

webEmbedding принимает URL и помогает агенту решить, можно ли переиспользовать страницу напрямую или нужно собрать локальную реконструкцию. Он работает через Playwright, сохраняет структуру страницы, стили, ресурсы, сетевые сведения и состояния взаимодействия, а затем создаёт артефакты для фронтенда и проверяет результат по снимкам, DOM, стилям, кликам и размерам экранов.

Сервер поставляется вместе со скиллом и набором `source-first-clone`. Для запуска нужны Node.js 18 или новее, Python 3.9 или новее и локально доступный Chrome или Chromium. Пакет использует `playwright-core` и сам браузер не устанавливает. Без Chrome или Chromium локальный захват через Playwright не запустится.

Сильная сторона сервера — статичные и полустатичные страницы, включая страницы, закрытые от iframe. Логика бэкенда, авторизация, капчи, карты, игры, WebGL, платежи и потоки реального времени требуют отдельной обработки. Для авторизованных сценариев можно передать состояние браузера пользователя.

## Требования
- Нужно: Node.js (команды через npx)
- Удалённый сервер: `https://webembedding-mcp.vercel.app/mcp`

## Установка

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

1. **Командой платформы: удалённый сервер**
```bash
claude mcp add --transport http web-embedding https://webembedding-mcp.vercel.app/mcp
```

2. **Командой платформы**
```bash
claude mcp add webembedding -- npx -y web-embedding
```

### Codex

1. **Командой платформы: удалённый сервер**
```bash
codex mcp add webembedding --url https://webembedding-mcp.vercel.app/mcp
```

2. **Командой платформы**
```bash
codex mcp add webembedding -- npx -y web-embedding
```

### Cursor

**Файл настроек**
Файл `.cursor/mcp.json`:
```json
{
    "mcpServers": {
        "webembedding": {
            "url": "https://webembedding-mcp.vercel.app/mcp"
        }
    }
}
```
Файл `.cursor/mcp.json`:
```json
{
    "mcpServers": {
        "webembedding": {
            "command": "npx",
            "args": [
                "-y",
                "web-embedding"
            ]
        }
    }
}
```

### GitHub Copilot

**Файл настроек**
Файл `.vscode/mcp.json`:
```json
{
    "servers": {
        "webembedding": {
            "type": "http",
            "url": "https://webembedding-mcp.vercel.app/mcp"
        }
    }
}
```
Файл `.vscode/mcp.json`:
```json
{
    "servers": {
        "webembedding": {
            "type": "stdio",
            "command": "npx",
            "args": [
                "-y",
                "web-embedding"
            ]
        }
    }
}
```

### Gemini CLI

1. **Командой платформы: удалённый сервер**
```bash
gemini mcp add -t http webembedding https://webembedding-mcp.vercel.app/mcp
```

2. **Командой платформы**
```bash
gemini mcp add webembedding npx -y web-embedding
```

## Когда брать
- захватить публичную страницу по URL
- восстановить интерфейс после блокировки iframe
- проверить адаптивность на разных размерах экрана
- сопоставить локальную копию с исходной страницей
- повторить сетевые запросы из HAR-артефактов

## Примеры запросов агенту
- Сними страницу по URL `https://example.com` и собери локальную копию в `./clone`.
- Проверь текущую реконструкцию по DOM, стилям, скриншоту и мобильной ширине.
- Определи, можно ли переиспользовать страницу напрямую, а если нельзя — восстанови её по захваченным данным.

## Похожие
- [Scrapling MCP Server](https://affpapa.org/nevibecode/mcp/scrapling-mcp-server.md) — MCP-сервер · ★ 89899
- [browser-use](https://affpapa.org/nevibecode/mcp/browser-use.md) — MCP-сервер · ★ 119231
- [AIHawk](https://affpapa.org/nevibecode/mcp/aihawk.md) — MCP-сервер · ★ 32260
- [Skyvern](https://affpapa.org/nevibecode/mcp/skyvern.md) — MCP-сервер · ★ 23283
- [SeleniumBase MCP](https://affpapa.org/nevibecode/mcp/seleniumbase-mcp.md) — MCP-сервер · ★ 13181
- [apify-mcp-server](https://affpapa.org/nevibecode/mcp/apify-mcp-server.md) — MCP-сервер · ★ 13345

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