Как ИИ-агент публикует сайты на Тильде через MCP: опыт и два кейса

Как мы перенесли блог из 200+ статей за один день и выложили 3D-лендинг, почти не открывая редактор Тильды.
13 ноября 2026
10 минут
Александр Буланов
Руководитель направления веб-технологий и автоматизации в БКС «Мир Инвестиций» и основатель Echo
Все говорят про ИИ-оптимизацию и про скорость решения задач. Но любой прогресс создаёт необходимость производить не только быстрее, но и больше. В итоге количество задач только растёт.

Если раньше перед моей командой стояла задача делать 1–3 сайта в неделю для тестирования рекламных кампаний, новых продуктов, акций или SEO-страниц, то сейчас эта цифра увеличилась до 5–10 сайтов в неделю. А ещё мы поставили себе амбициозную цель — выпустить 2 000 новых страниц за следующий год. И да, это должны быть проработанные страницы, заточенные под SEO и потребности пользователей, и всё в этом духе.

Рассказываю, как мы решили эти задачи с помощью MCP Тильды.
Из статьи вы узнаете:

Как мы публиковали ИИ-вёрстку на Тильде до MCP

Я не прошёл мимо хайпа вокруг создания сайтов с помощью ИИ: пробовал наборы скиллов с GitHub для Claude и Codex и отдельно Claude Design. Это правда выглядит круто, особенно количество вариантов дизайна за раз и скорость, с которой появляются готовые прототипы. Правда, всё это немного ИИ-слоп. Но «скорость важнее точности», как говорит мой руководитель, и в текущих реалиях я с ним согласен.
Когда ты работаешь в крупной компании, помимо самого продуктового этапа есть ещё технический. Красивые HTML-сайты нельзя просто залить в репозиторий и опубликовать. Есть сложные процессы разработки вроде ревью, CI/CD и проверки безопасности, плюс ограничения технологического стека. Вот тебе HTML — не прокатит. Даже на создание поддомена нужна заявка.
В этот момент пришла первая идея: создать скилл, который позволит загружать HTML-поделки в Тильду. Да, в Тильде есть HTML-блок T123, но у него свои ограничения, и просто вставить в него код не получается.
Скачать скилл tilda-export можно бесплатно и без регистрации.
Его основная задача — разрезать страницу на блоки вроде тех, из которых собирают страницы в Тильде: hero, header, меню, блок с преимуществами. Каждый из них потом вставляется в отдельный HTML-блок. Но разрезать так, чтобы после сборки страница выглядела целостной: с нормальными отступами и адаптивом. Это также сильно упростило редактирование страницы после запуска.
В итоге процесс стал таким:
Ручной, либо ИИ-дизайн → Сборка HTML через ИИ → Подготовка блоков через скилл (3 минуты) → Вставка кода в HTML-блоки (1–2 минуты) → Публикация
Вставка занимала 1–2 минуты, но делалась вручную, и при множестве правок превращалась в рутину и источник ошибок. Зато скорость выпуска лендингов выросла в разы.
Были попытки оптимизировать процесс через Computer Use, но там свои особенности, поэтому способ нам не подошёл.

Что изменилось с выходом Tilda MCP

И вот 8 октября 2026 года выходит бета-версия Tilda MCP. Кайф.
Предполагаю, все уже много раз слышали про MCP, поэтому не буду рассказывать, что это такое. Если нет, можно прочитать в статью: что такое MCP-сервер и чем он отличается от ИИ-агента. Просто скажу, что с помощью этого протокола любой ИИ-агент может работать с сервисом, и интерфейс ему для этого не нужен. Даёшь ему задачу текстом или голосом, а дальше он как опытный пользователь делает всё сам.

Как подготовить проект для работы агента

Создайте отдельный проект. Если планируете дальше его масштабировать или развивать, лучше сразу возьмите скилл Андрея Карпаты (Andrej Karpathy) по структуре и хранению знаний. Он подходит и для структуры папок ИИ-проекта:
  1. Inbox
  2. Docs
  3. Analytics
  4. Research
  5. Initiatives
  6. Code
  7. Tools
В общем, количество папок может быть любым, главное, чтобы вы и агент понимали, зачем они нужны и что в них лежит. Агент — в первую очередь :)
Дальше положите в папку Tools скилл tilda-export — тот самый, из первой части, — и попросите агента добавить туда же MCP-подключение для Тильды. В папку Analytics рекомендую сразу добавить MCP для Яндекс Метрики: официального нет, но есть неофициальные, их несложно найти. Всё остальное придёт по ходу работы с проектом.

Пример задачи агенту после настройки

Вот как может выглядеть обычная задача после настройки:
Пример
Мы с тобой вчера делали проект по новому лендингу для удержания пользователей. Прочитай два чата. Один чат — с Лёшей Ивановым, второй — рабочий чат по этому проекту. Там есть мои комментарии, и финальные комментарии от Лёши. Внеси правки в дизайн и сразу опубликуй на Тильде новую версию, мне пришли ссылку.

Имена и названия чатов изменены. Все совпадения с реальными людьми и названиями случайны.
Прошло три минуты — пора переходить к двум практическим примерам.

Кейс 1. Как перенести 200+ статей блога на новый шаблон за один день

У нас был SEO-блог. Его похоронили года два назад, причины оставим за кадром. Недавно снова решили его оживить (SEO-статьи же вечно живые).
Переписывать статьи не требовалось: нужно было сохранить тексты, картинки, таблицы, адреса, но поменять шаблон дизайна и структуру блога, а ещё поднять скорость загрузки (PageSpeed). Вручную контент-менеджеру пришлось бы повторить одну и ту же работу пару сотен раз.
Здесь и пришла идея протестить MCP в связке со скиллом. На общение с агентом и настройку его работы у меня ушло около полутора часов. Шаблон взяли простой: важно было получить результат и начать возвращать трафик. Дальше агент работал примерно день, и то из-за лимита MCP — 50 публикаций в час. Вот как блог выглядит после переезда.

Как повторить перенос блога: 4 шага

1
Сделайте шаблон страницы. Сгенерируйте дизайн страницы на основе старой статьи. В идеале проверьте переупаковку на 2–3 разных статьях. Добавьте всякие CTA, баннеры и так далее.
2
Попросите агента сделать резервную копию. При ошибках или случайном удалении можно будет откатиться: агенту нельзя доверять вслепую.
3
Тестовый запуск. Попросите агента собрать по шаблону 10 страниц и опубликовать их. Важно сначала перенести 10 старых статей на адреса с припиской -old, а потом опубликовать новые. Внесите правки. Когда всё проверено, снимите страницы -old с публикации или закройте их от индексации, иначе поисковики увидят дубли.
4
Ва-банк. Попросите агента выяснить лимит запросов к MCP, задайте это значение и оставьте компьютер. Агент сам через воркер публикует 50 статей, ждёт час и публикует снова.
P.S. Потом я узнал, что он может за 30–60 минут подготовить черновики всех 200 статей, а тебе останется самому зайти в интерфейс и нажать «Опубликовать все».
Сейчас любые правки в блог вносятся через агента. А аппетит, как известно, приходит во время еды. Пришла идея добавить стики-баннер на все статьи — сказал агенту и ушёл. Предполагаю, что контент-менеджер уволился бы после моей второй просьбы добавить на все 200 страниц новую «кнопочку».

Кейс 2. Как перенести 3D-лендинг из вайбкода на Тильду без ручной сборки

Следующий пример появился спонтанно. В первый вечер после выхода Claude Fable 5 я решил затестить на ней сборку крутого 3D-лендинга про шахматы с параллаксом и всеми делами, а-ля «сайт уровня Awwwards за 5 минут».
На удивление, после часа работы и горы сожжённых токенов получился хороший сайт с плавной 3D-анимацией и идеей.
Оценить уровень вайбкодинга можно на живой версии 3D-лендинга.
Но Тильда такой вайб не смогла переварить, и лендинг ушёл в дальний ящик. После выхода MCP захотелось проверить, на что способна GPT-6 Astra. Промпт звучал максимально просто: «Попробуй залить на Тильду сайт с шахматами». Результат меня, мягко говоря, удивил: модель работала около 20–30 минут и по итогу просто прислала мне ссылку на опубликованную страницу.
Здесь я позволю себе ремарку: такой простой промпт сработал во многом благодаря обвязке проекта, или, модным словом, harness. Поэтому ниже — инструкция подробнее.

Как повторить публикацию 3D-лендинга: 3 шага

1
Передайте работающий код агенту. Попросите его проанализировать код.
2
Подготовьте экспорт. Укажите скилл tilda-export и попросите сохранить связанные анимации одним блоком, а при необходимости — переписать код на стек, который поддерживает Тильда.
3
Создайте тестовую страницу через MCP. Пусть агент добавит блоки, загрузит код и опубликует тестовую копию по согласованному адресу. После публикации сами проверьте анимацию и адаптив.

С чего начать: первая задача для агента

Для старта необязательно переносить весь блог или собирать 3D-дизайн. Можно начать с простой сборки страницы или взять готовую HTML-страницу (знаю, у вас их куча) и попросить агента развернуть её на Тильде.
Все необходимые скиллы, скрипты и проекты можно найти в моём профиле на GitHub. Там много интересного и помимо Тильды.
Читайте также:
Статьи для сайта с помощью нейросетей | Tilda x Паша Молянов
MCP-сервер: что это такое и какую работу можно поручить ИИ-агенту
Как оформить страницу «О компании»: структура, примеры и элементы доверия
Что такое хороший промпт для нейросети
Вайбкодинг для дизайнеров: как перенять чужой приём с помощью ИИ
Какую нейросеть лучше использовать в Vibe Block
GEO: инструкция для владельцев сайтов
Опытные дизайнеры рассказывают, как и какие нейросети используют в работе
Как оживить фото нейросетью: сервисы бесплатно и без VPN
Нейросети
Композиция в дизайне: основные принципы, виды и правила
Как понять нейросети и научиться с ними работать
Как упаковать кейс для участия в Awwwards, Рейтинге Рунета и других конкурсах
Бесплатные современные шрифты на кириллице — рекомендуют дизайнеры
Нейросети для презентаций: 10 сервисов на русском
Портфолио дизайнера в 2026: как стать востребованным
Основные правила дизайна
Теория архетипов в брендинге и дизайне
Как автоматизировать общение с клиентами: лучшие каналы для разных сфер бизнеса
Нейросети для создания сайта
Стили в веб-дизайне: какие бывают и как выбрать подходящий
Аудит сайта бесплатно: пошаговая инструкция от эксперта
Как дизайнеру выстроить работу над проектом в сжатые сроки
30+ плагинов для браузера, которые автоматизируют работу
Разработка контент-стратегии: пошаговая инструкция
Как провести ребрендинг компании: почему и зачем делают
Как передать сайт клиенту
Оптимизация сайта под контекстную рекламу
Как оптимизировать создание многостраничного сайта на Тильде
40+ плагинов Figma полезных для веб-дизайнеров в 2026 году
Впечатление о сайте — что повышает доверие пользователя в веб-дизайне
Навигация по сайту — примеры как сделать навигацию удобной
Обучение веб дизайну: 70+ лучших ресурсов о веб-дизайне
Как сделать презентацию: красивые слайды и эффектное выступление
Где скачать иконки для сайта бесплатно?
SEO продвижение сайта на Тильде самостоятельно — пошаговая инструкция
Как составить коммерческое предложение: как сделать КП на товары, услуги или сотрудничество эффективно
Сайт мероприятия — как сделать эффективный сайт для события
CRM системы: какие есть и как выбрать подходящую для бизнеса — Tilda Education
Где найти фото — руководство по поиску картинок для сайта или статьи
Как добавить шрифт в Тильду: загрузка и настройка
Показать ещё

Вернуться к оглавлению

Вернуться к началу