webEmbedding — MCP-сервер для Claude Code: что делает и установка
MCP-сервер для захвата веб-страниц, восстановления интерфейса и проверки результата. Пригодится для копирования публичных и частично статичных страниц.
claude mcp add --transport http web-embedding https://webembedding-mcp.vercel.app/mcpЧто делает webEmbedding
webEmbedding принимает URL и помогает агенту решить, можно ли переиспользовать страницу напрямую или нужно собрать локальную реконструкцию. Он работает через Playwright, сохраняет структуру страницы, стили, ресурсы, сетевые сведения и состояния взаимодействия, а затем создаёт артефакты для фронтенда и проверяет результат по снимкам, DOM, стилям, кликам и размерам экранов.
Сервер поставляется вместе со скиллом и набором source-first-clone. Для запуска нужны Node.js 18 или новее, Python 3.9 или новее и локально доступный Chrome или Chromium. Пакет использует playwright-core и сам браузер не устанавливает. Без Chrome или Chromium локальный захват через Playwright не запустится.
Сильная сторона сервера — статичные и полустатичные страницы, включая страницы, закрытые от iframe. Логика бэкенда, авторизация, капчи, карты, игры, WebGL, платежи и потоки реального времени требуют отдельной обработки. Для авторизованных сценариев можно передать состояние браузера пользователя.
Какие задачи решает
- захватить публичную страницу по URL
- восстановить интерфейс после блокировки iframe
- проверить адаптивность на разных размерах экрана
- сопоставить локальную копию с исходной страницей
- повторить сетевые запросы из HAR-артефактов
Примеры запросов агенту
- Сними страницу по URL
https://example.comи собери локальную копию в./clone. - Проверь текущую реконструкцию по DOM, стилям, скриншоту и мобильной ширине.
- Определи, можно ли переиспользовать страницу напрямую, а если нельзя — восстанови её по захваченным данным.
Как установить webEmbedding
1Командой платформы: удалённый сервер
claude mcp add --transport http web-embedding https://webembedding-mcp.vercel.app/mcp2Командой платформы
claude mcp add webembedding -- npx -y web-embedding1Командой платформы: удалённый сервер
codex mcp add webembedding --url https://webembedding-mcp.vercel.app/mcp2Командой платформы
codex mcp add webembedding -- npx -y web-embeddingФайл настроек
{
"mcpServers": {
"webembedding": {
"url": "https://webembedding-mcp.vercel.app/mcp"
}
}
}{
"mcpServers": {
"webembedding": {
"command": "npx",
"args": [
"-y",
"web-embedding"
]
}
}
}Файл настроек
{
"servers": {
"webembedding": {
"type": "http",
"url": "https://webembedding-mcp.vercel.app/mcp"
}
}
}{
"servers": {
"webembedding": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"web-embedding"
]
}
}
}1Командой платформы: удалённый сервер
gemini mcp add -t http webembedding https://webembedding-mcp.vercel.app/mcp2Командой платформы
gemini mcp add webembedding npx -y web-embeddingПо шагам, с командами для каждой платформы: Как подключить MCP-сервер: Claude Code, Codex, Cursor, VS Code, Gemini CLI и другие
Вопросы о webEmbedding
Как установить webEmbedding в Claude Code?
Выполните claude mcp add --transport http web-embedding https://webembedding-mcp.vercel.app/mcp. Это добавит MCP-сервер по HTTP.
Что делает webEmbedding?
Он исследует URL, захватывает данные страницы, выбирает переиспользование или реконструкцию и проверяет получившийся интерфейс. Результат можно оценить по визуальному сходству, DOM, стилям, взаимодействиям и адаптивным точкам.
Какие зависимости нужны для работы webEmbedding?
Нужны Node.js 18 или новее, Python 3.9 или новее и Chrome или Chromium на локальной машине. Пакет не скачивает браузер самостоятельно.
