Как вести сайт с AI-агентом: уходим с конструктора
Подключить AI-агента к сайту на Тильде или на WordPress пытаются многие, и почти у всех получается плохо. Задача поставлена неверно. Агент работает с файлами, а пока сайт заперт внутри платформы, файлов у него нет, и вы получаете помощника, который советует, куда нажать. Ниже разбираем, как вынуть сайт из конструктора и свести работу с ним к одному окну чата. Все описанное сделано на этом самом сайте, поэтому грабли настоящие.
Дальше будут слова репозиторий, деплой, MCP. Выглядит страшнее, чем есть: девяносто процентов действий делает агент, от вас нужны решения и проверка.
Этот гайд написан и для вашего ассистента тоже. Откройте Claude Code с доступом к папке сайта, дайте ему ссылку на эту страницу и попросите пройти по шагам.
Почему конструктор - это стена
У платформенного сайта нет исходников, к которым можно дать доступ. Есть визуальный редактор и база данных на стороне сервиса. Отсюда три следствия.
Первое: любое изменение делается руками. Даже если агент напишет вам идеальный текст блока, вставлять его все равно вы, мышкой.
Второе: агент не видит сайт целиком. Он не может проверить, что цена, которую вы поменяли на главной, осталась старой еще на трех страницах и в подвале.
Третье: вы платите подписку за редактор, которым перестали пользоваться. Это самая безобидная из проблем, но психологически именно она обычно и добивает.
Пока у агента нет файлов, он собеседник, который угадывает, что у вас на экране.
| Сайт в конструкторе | Сайт в папке с репозиторием | |
|---|---|---|
| Что видит агент | Скриншот и ваш пересказ | Все файлы проекта целиком |
| Кто вносит правку | Вы, мышкой в редакторе | Агент, вы проверяете |
| Откат неудачной версии | А я помню, как было? | Одна фраза, git хранит историю |
| Массовая замена по сайту | Вручную, страница за страницей | Все вхождения разом, включая забытые |
| Стоимость | Подписка на редактор | Хостинг за сотни рублей |
Шаг 1. Сайт переезжает в папку
Цель шага - получить обычную папку с файлами на компьютере и ее копию на GitHub. Все, других требований нет.
Как забрать сайт с платформы:
- Тильда - экспорт статики в zip-архив. Доступен не на всех тарифах, посмотрите свой перед началом. На выходе получите HTML, CSS, JS и картинки.
- WordPress - выгрузка в статику плагином вроде Simply Static, если сайт контентный и без личных кабинетов.
- Прочие конструкторы - смотрите в настройках экспорт кода. Если экспорта нет вообще, страницу проще пересобрать с нуля тем же агентом по скриншоту, чем воевать с платформой.
Дальше - минимальная гигиена. Инициализируете git, создаете приватный репозиторий, кладете туда папку:
Эти команды за вас выполнит агент. Смысл в том, что с этого момента у сайта появляется история.
Каждое изменение записано, и любое можно откатить одной фразой. На конструкторе откат - это а я помню, как было?
Экспортированный код будет некрасивым: платформы генерируют тонны служебных классов. Не бросайтесь чистить сразу. Сначала добейтесь, чтобы сайт открывался и деплоился, потом попросите агента постепенно переписывать блок за блоком.
Шаг 2. Деплой, который случается сам
Второе, что нужно настроить: чтобы сохраненное изменение уезжало на сайт без вашего участия. Схема простая - push в main, дальше автоматика заливает файлы на хостинг.
Классический ответ - Vercel, Netlify или Cloudflare Pages: бесплатно, деплой из коробки, две минуты настройки. Для аудитории вне России это верный ответ.
Если ваши пользователи в России - не надо. Мы стояли на Cloudflare Pages и в какой-то момент обнаружили, что сайт не открывается из России без VPN: РКН блокирует инфраструктуру Cloudflare целиком, ваш домен тут ни при чем. Переехали на шаред-хостинг reg.ru, деплой собрали на GitHub Actions по FTPS. Работает, стоит копейки.
Настраивается один раз. Дальше публикация выглядит как сказал агенту - через минуту в продакшене.
Если оставляете DNS на Cloudflare, записи должны быть в режиме DNS only, серые облачка. Включите оранжевое проксирование - вернется блокировка.
Хостинг выбирается по тому, открывается ли сайт у ваших людей.
Шаг 3. Команда в одном окне
Дальше начинается то, ради чего все затевалось. Вы открываете папку сайта любым агентом - Claude Code, Cursor, что вам привычнее - и разговариваете с ним.
Разговариваете буквально. Я почти не печатаю: диктую голосом в чат.
Ощущение как от переписки со специалистом.
Причем не с одним. В том же чате у вас сидят:
- разработчик, который правит верстку и не ломает соседние страницы;
- дизайнер, который приводит новый блок к общему виду;
- копирайтер, который пишет текст в вашем стиле;
- SEO-специалист, который проверяет заголовки и разметку.
Это не метафора универсального помощника: под каждую из этих ролей есть отдельные наборы инструкций, и включаются они по задаче. Про дизайн и тексты - следующие два шага.
Важный побочный эффект: агент видит проект целиком. Он находит все места, где встречалась старая цена.
Шаг 4. Дизайн без слопа
Претензия агенты делают уродливо справедлива. Дефолтный результат почти всегда один и тот же: градиент, скругленные карточки, три колонки с иконками. Узнается с полувзгляда.
Лечится это входными данными. Три приема, в порядке эффективности:
Дайте готовый шаблон
Самый быстрый путь к приличному результату - взять существующий макет или шаблон и попросить собрать по нему. Агент отлично воспроизводит структуру и плохо изобретает вкус.
Зафиксируйте токены
Один файл в репозитории с палитрой, шрифтами, сетками и отступами, на который агент обязан опираться. После этого любой новый блок сам собой оказывается в стиле сайта, потому что других цветов у агента просто нет.
Двадцать строк, которые снимают девяносто процентов споров о том, как должен выглядеть новый блок.
Подключите скиллы под дизайн
Готовые наборы правил, которые заставляют агента сначала показать план и структуру, а верстать уже потом. Разница между сгенерировал страницу и сначала объяснил, что будет на странице огромная. Как устроены такие наборы правил и как собрать свой - разбираю в гайде про скилл под собственный голос: механика там та же, меняется только предмет.
Никогда не принимайте первый вариант. Скажите слишком шаблонно, сделай строже и убери украшения - второй заход почти всегда лучше.
Шаг 5. Тексты в вашем голосе
Тексты по умолчанию - вторая проблема. Модель пишет усредненно: в современном мире, инновационные решения, везде тройки перечислений.
Готовые скиллы для редактуры это чинят частично. Я пошел дальше: взял такой скилл за основу и докрутил его своими материалами - постами из канала, старыми текстами сайта, письмами. Получился отдельный автор, который знает, что я не пишу честно скажу, не ставлю эмодзи и не люблю пафосных противопоставлений. Как собрать такой скилл по шагам - отдельный гайд.
Настраивается это один раз. Дальше вы говорите напиши статью в блог про то-то, и на выходе получаете черновик своим голосом. Правки остаются, но это правки по смыслу.
Тот же прием работает для блога: агент пишет статью, сам создает страницу, сам добавляет карточку в список материалов и обновляет sitemap. Вы участвуете в момент а вот тут неправда, поправь.
Шаг 6. Агент выходит наружу
Пока агент работает только с файлами, он делает половину работы. Через API и MCP его можно подключить к внешним сервисам, и тогда он начинает видеть последствия своих правок.
Что имеет смысл подключить в первую очередь:
- →Аналитика. Сам смотрит, какие страницы проседают и где люди уходят
- →Отслеживание выдачи. Позиции по запросам, попадание в AI-ответы, изменения после правок
- →SEO- и GEO-инструменты. Разметка, коды ответа, доступность для краулеров
- →Отправка в индекс. Новая страница уходит поисковикам сразу после деплоя
Агент приходит с рекомендациями сам.
Дальше происходит смена жанра. Раньше SEO-аудит был проектом: заказали, получили таблицу на сорок строк, полгода не открывали. Теперь аудит и правки живут в одном диалоге - агент находит проблему и тут же ее чинит, потому что файлы у него под рукой.
Как это настроить и что реально влияет на попадание в ответы ChatGPT и Яндекс Нейро - в отдельном гайде про оптимизацию под AI-поиск.
Гигиена: четыре правила, чтобы не сломать себе сайт
Свобода тут больше, чем на конструкторе, и способов выстрелить в ногу тоже больше.
Смотрите изменения до публикации. Просите агента показать, что он собирается менять, до того как менять. На больших правках - отдельная ветка и предпросмотр.
Не держите ключи в репозитории. Пароли от хостинга, токены API, ключи аналитики живут в секретах. Приватный репозиторий не оправдание.
Не давайте править вслепую. Почисти все неиспользуемые стили на экспортированном с Тильды сайте - заявка на сломанную верстку. Просите делать по одному блоку и проверять.
Проверяйте глазами. Агент говорит готово уверенно в обоих случаях: и когда готово, и когда нет. Откройте страницу.
Когда так делать не нужно
Честно про границы применимости.
Если на сайте личные кабинеты, оплаты, склад или любая логика с базой данных - одной папкой со статикой вы не отделаетесь. Это уже разработка, и переезд с конструктора там отдельный проект со своим бюджетом.
Если сайт ведут пять человек, которые не готовы открывать ничего сложнее браузера, - конструктор честно решает вашу задачу. Ценность подхода в том, что вы разговариваете с агентом сами.
Если вы никогда не открывали терминал - первые часа два будут неприятными. Это проходит, но лучше знать заранее. Собственно, эти два часа мы и снимаем на модуле про личную эффективность: там сайт поднимается на живом примере.
Для лендинга, блога, сайта школы, студии или личного проекта - сейчас это лучший способ из существующих, без оговорок.
Частые вопросы
- Можно ли подключить агента к Тильде и не переезжать?
- Частично: агент напишет тексты, предложит структуру, подготовит код для блока T123. Но правки в редактор вносите вы руками, и сайт целиком он не видит. Это помощник-советчик. Ради этого сценария всю статью писать бы не стоило.
- Что делать, если экспорта с платформы нет?
- Пересобрать. Открываете агенту скриншоты страниц и текущий сайт, просите повторить структуру. На лендинге это вечер работы, и результат обычно чище исходника, потому что уходит служебный мусор конструктора.
- Сколько это стоит по деньгам?
- Хостинг - сотни рублей в месяц против подписки конструктора. Домен как был. Основная статья расходов - подписка на самого агента. Считайте по себе: у нас переезд окупился на второй месяц.
- Нужно ли уметь программировать?
- Читать код полезно, писать - нет. Уметь надо другое: формулировать, что вы хотите, и проверять результат. Люди, которые приходят из маркетинга, осваивают это быстрее разработчиков, потому что не пытаются контролировать каждую строчку.
- Что будет, если агент сломает сайт?
- Вы вернете предыдущую версию одной фразой - для этого и нужен git. Худший сценарий: сайт полежит сломанным столько, сколько вы не будете смотреть на него. Поэтому смотрите.
- Правда ли, что можно все делать голосом?
- Да, и это самая недооцененная часть. Диктовка снимает барьер надо сесть и заняться сайтом: правка на две минуты действительно занимает две минуты.
Что запомнить
- Агента не нужно дружить с конструктором. Нужно забрать сайт из конструктора.
- Минимальная база: папка на компьютере плюс приватный репозиторий на GitHub. Дальше сайт открывается любым агентом.
- Git дает то, чего у платформ нет вообще: историю и откат одной фразой.
- Хостинг выбирайте по доступности для вашей аудитории. Cloudflare из России без VPN не открывается.
- Дизайн вытаскивается из шаблонности готовыми макетами и зафиксированными токенами.
- Скилл под тексты, докрученный вашими материалами, - это постоянный автор в вашем голосе.
- Через API и MCP агент подключается к аналитике и SEO-инструментам, и оптимизация становится фоновой работой вместо проекта раз в полгода.
- Личные кабинеты и оплаты - не этот сценарий. Лендинги, блоги и сайты проектов - этот.
Настроить это один раз несложно. Сложнее - перестроить привычку: сайт перестает быть местом, куда надо идти что-то делать руками, и становится еще одним диалогом.
На кэмпе Точки над ИИ мы разбираем работу с агентами на практике, на ваших реальных задачах, включая вот такие сайты и процессы вокруг них.