Webcake Landing — MCP-сервер для Claude Code: суть и установка
Сервер обучает ИИ-ассистентов собирать валидный JSON для посадочных страниц WebCake, проверять разметку и публиковать готовые страницы в аккаунте.
claude mcp add --transport http webcake-landing-mcp https://mcp.toolvn.io.vn/mcpЧто делает Webcake Landing
Сервер соединяет ИИ-ассистента с платформой WebCake. Инструмент передаёт модели каталог из 40+ типов блоков, включая формы, таймеры и списки товаров. Агент изучает схему абсолютного позиционирования и генерирует готовую структуру страницы вместо случайного угадывания параметров.
Перед сохранением функция validate_page проверяет координаты на холсте, совпадение идентификаторов и привязку целевых действий. Для переноса чужого дизайна предусмотрены утилиты ingest_html и ingest_url, которые превращают готовую разметку в ориентир для сборки.
Без ключа WEBCAKE_JWT сохранить страницу в аккаунт не выйдет: в бесплатном режиме работают только чтение схемы и проверка разметки. Локальный запуск через npx требует наличия Node.js 18+.
Какие задачи решает
- собрать структуру лендинга WebCake по текстовому описанию
- проверить корректность расположения блоков и кнопок перед сохранением
- импортировать сторонний HTML или URL в качестве макета
- опубликовать готовую страницу напрямую в рабочее пространство WebCake
- точечно изменить отдельный блок без перезаписи всего документа
Примеры запросов агенту
- Собери лендинг для кофейни с формой заявки и блоком преимуществ.
- Проверь макет через validate_page перед отправкой на сервер.
- Преобразуй вёрстку по этой ссылке через ingest_url в структуру WebCake.
Как установить Webcake Landing
1Командой платформы: удалённый сервер
claude mcp add --transport http webcake-landing-mcp https://mcp.toolvn.io.vn/mcp2Командой платформы
claude mcp add --env WEBCAKE_JWT=<WEBCAKE_JWT> --env WEBCAKE_ENV=<WEBCAKE_ENV> --env WEBCAKE_API_BASE=<WEBCAKE_API_BASE> --env WEBCAKE_ORG_ID=<WEBCAKE_ORG_ID> --env PEXELS_API_KEY=<PEXELS_API_KEY> --transport stdio webcake-landing -- npx -y webcake-landing-mcpВместо <…> подставьте свои значения
1Командой платформы: удалённый сервер
codex mcp add webcake-landing --url https://mcp.toolvn.io.vn/mcp2Командой платформы
codex mcp add webcake-landing --env WEBCAKE_JWT=<WEBCAKE_JWT> --env WEBCAKE_ENV=<WEBCAKE_ENV> --env WEBCAKE_API_BASE=<WEBCAKE_API_BASE> --env WEBCAKE_ORG_ID=<WEBCAKE_ORG_ID> --env PEXELS_API_KEY=<PEXELS_API_KEY> -- npx -y webcake-landing-mcpВместо <…> подставьте свои значения
Файл настроек
{
"mcpServers": {
"webcake-landing": {
"url": "https://mcp.toolvn.io.vn/mcp"
}
}
}{
"mcpServers": {
"webcake-landing": {
"command": "npx",
"args": [
"-y",
"webcake-landing-mcp"
],
"env": {
"WEBCAKE_JWT": "<WEBCAKE_JWT>",
"WEBCAKE_ENV": "<WEBCAKE_ENV>",
"WEBCAKE_API_BASE": "<WEBCAKE_API_BASE>",
"WEBCAKE_ORG_ID": "<WEBCAKE_ORG_ID>",
"PEXELS_API_KEY": "<PEXELS_API_KEY>"
}
}
}
}Вместо <…> подставьте свои значения
Файл настроек
{
"servers": {
"webcake-landing": {
"type": "http",
"url": "https://mcp.toolvn.io.vn/mcp"
}
}
}{
"servers": {
"webcake-landing": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"webcake-landing-mcp"
],
"env": {
"WEBCAKE_JWT": "<WEBCAKE_JWT>",
"WEBCAKE_ENV": "<WEBCAKE_ENV>",
"WEBCAKE_API_BASE": "<WEBCAKE_API_BASE>",
"WEBCAKE_ORG_ID": "<WEBCAKE_ORG_ID>",
"PEXELS_API_KEY": "<PEXELS_API_KEY>"
}
}
}
}Вместо <…> подставьте свои значения
1Командой платформы: удалённый сервер
gemini mcp add -t http webcake-landing https://mcp.toolvn.io.vn/mcp2Командой платформы
gemini mcp add -e WEBCAKE_JWT=<WEBCAKE_JWT> -e WEBCAKE_ENV=<WEBCAKE_ENV> -e WEBCAKE_API_BASE=<WEBCAKE_API_BASE> -e WEBCAKE_ORG_ID=<WEBCAKE_ORG_ID> -e PEXELS_API_KEY=<PEXELS_API_KEY> webcake-landing npx -y webcake-landing-mcpВместо <…> подставьте свои значения
По шагам, с командами для каждой платформы: Как подключить MCP-сервер: Claude Code, Codex, Cursor, VS Code, Gemini CLI и другие
Вопросы о Webcake Landing
Как установить Webcake Landing в Claude Code?
Выполните команду claude mcp add --transport http webcake-landing https://mcp.toolvn.io.vn/mcp. Это подключит удалённый HTTP-эндпоинт без необходимости запускать локальный процесс.
Что делает Webcake Landing?
Сервер обучает ИИ собирать разметку WebCake, валидирует структуру через validate_page и отправляет готовую страницу в ваш аккаунт.
Нужен ли API-токен для работы с сервером?
Инструменты просмотра каталога и валидации разметки работают без токена. Ключ WEBCAKE_JWT обязателен только для команд сохранения и публикации страниц.
