Как Claude Code перенёс сайт с WordPress на конструктор: ноль строк кода

Нас попросили перенести сайт металлообрабатывающей компании с Wordpress на конструктор LidFly и перестроить главную на услугу гибки металла. И с помощью ИИ Claude Code и конструктора Lidfly, этого можно легко достичь.

https://lidfly.ru — наш продукт, а кейс — шестнадцатый урок нашего открытого курса по маркетингу с нейросетями. Где с помощью подключения своего ИИ к lidfly можно создавать свои сайты.

Поехали.

Зачем взялись

Дано: сайт-визитка на WordPress — главная, страницы услуг, форма заявки. Типовая ситуация малого производственного бизнеса: сайт работает, но платформа тяжёлая, а каждая правка превращается в поиск подрядчика.

Задача от заказчика — два пункта:

  • перенести сайт на LidFly целиком, ничего не потеряв;
  • сделать упор на гибку листового металла: по этой услуге решили продвигаться.

Если честно, оценок веб-студий мы даже не собирали. Задача с самого начала выглядела как тест для ИИ-агента: справится ли он с переносом, если дать ему только ссылку.

Критерии приёмки сформулировали заранее. Например:

  • все страницы открываются и не потеряли контент;
  • форма заявки выглядит и работает нормально;
  • главная говорит про гибку металла, но остальные услуги не пропали;
  • мобильная версия живая.

Что такое Claude Code и при чём тут вайб-кодинг

Claude Code — ИИ-агент от Anthropic, который работает не в окне чата, а у вас в системе: читает файлы, пишет код, открывает страницы, проверяет результат.

На пальцах. Чат-бот на просьбу «перенеси сайт» ответит текстом — списком шагов, которые делать вам. Агент эти шаги выполняет сам и докладывает о результате. Ваша роль сдвигается: вы не исполнитель, а принимающий работу.

Подход называют вайб-кодингом: вы описываете желаемый результат обычным языком, а код пишет модель.

Интересно. Термин запустил Андрей Карпатый — сооснователь OpenAI — твитом в феврале 2025 года: «есть новый вид кодинга, где ты полностью отдаёшься вайбу и забываешь, что код вообще существует» (вольный перевод, оригинал — в его твиттере). Слово прижилось быстрее, чем большинство айтишных терминов: по нашему замеру в Вордстате за июнь 2026-го запрос «вайб кодинг» вместе со слитным написанием набирает 34 814 показа за 30 дней. Сам «claude code» россияне ищут 86 357 раз в месяц. Инструмент давно вышел из гиковской ниши.

Промт первый: перенос по одной ссылке

Итак, копируем адрес старого сайта, открываем Claude Code и пишем:

Внимательно изучи этот сайт и перенеси его на LidFly: [ссылка]

Всё. Без выгрузки базы, без FTP-доступов, без архива с темой WordPress. Агент сам прошёлся по страницам, вытащил структуру с контентом — и пошёл собирать то же самое на новой платформе.

Дальше первый поворот. Claude Code перенёс главную → честно доложил, что остальные страницы пока не перенёс → сам предложил собрать их отдельными страницами LidFly. Отвечаем промтом из трёх слов:

Собери все страницы.

Агент дособрал разделы услуг. Мы прокликали их, сверили с оригиналом — контент на месте.

Вывод. Агент не падает молча и не изображает готовность: о непереносённых страницах он сказал первым. Но объём работы всё равно держит в голове человек — «перенеси сайт» агент сначала понял как «перенеси главную». Формулируйте границы задачи явно, сэкономите промт.

Параллельный чат: семантическое ядро для гибки металла

Пока первый чат таскал страницы, мы открыли второй и поставили вторую задачу:

Посмотри эту страницу и составь семантическое ядро для гибки листового металла.

Семантическое ядро — список поисковых запросов, под которые затачивается страница: с частотностями, кластерами и пониманием, что именно ищут люди. Раньше это была отдельная работа SEO-специалиста — Вордстат, кластеризация, минус-слова. Запрос «как собрать семантическое ядро» и сегодня набирает 526 показов в месяц, спрос на ручную методику никуда не делся.

Два чата работали параллельно и друг другу не мешали. Перенос — задача долгая, ждать её ради семантики незачем.

Когда оба закончили, ядро сработало как техзадание. Пишем в первый чат:

Мы делаем упор на гибку металла. Измени главную страницу, сверяясь с семантическим ядром. Остальную информацию сохрани.

Результат: большая часть главной перестроилась под лазерную резку и гибку, прочие услуги остались на месте. Ровно то, что просили.

Вывод. Связка «агент собирает ядро → тот же агент переписывает страницу по ядру» закрывает кусок работы, где раньше встречались два специалиста, сеошник и контентщик. На нашей визитке связка сработала с первого промта.

Три косяка и три правки

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

Косяк первый: форма заявки отображалась криво. Промт «исправь форму заявки» → форма встала нормально.

Косяк второй: на всех страницах, кроме главной, не показывались фотографии. Пишем буквально: «На всех страницах, кроме главной, не отображаются фотографии» → агент починил. Проверяли на странице лазерной резки, картинки на месте.

Косяк третий, самый показательный: кнопка гамбургер-меню. В десктопной версии она была видна, но не работала. Прежде чем просить правку, мы включили эмуляцию телефона в DevTools браузера и посмотрели мобильную версию — там меню работало. Значит, чинить надо не кнопку, а её видимость.

Промт сформулировали уже с диагнозом:

Сделай так, чтобы гамбургер-меню было видно только в мобильной версии. И убери кнопки «Главная» из верхнего блока.

Агент удалил меню из десктопа, мобильное оставил рабочим, лишние кнопки убрал на всех страницах сразу. Перепроверили в обеих версиях — порядок.

Вывод. ИИ-агент здесь ведёт себя как сильный джун: базу делает быстро, каждую правку закрывает с первого промта — но сами правки нашли мы, глазами и кликами. Диагностика перед промтом (история с DevTools) экономит итерации: агент получает не «кнопка не работает», а готовый диагноз.

Цифры кейса

Считаем по записи урока:

  • 7 промтов суммарно: 2 на перенос, 1 на семантическое ядро, 1 на главную, 3 на правки;
  • 2 параллельных чата — перенос и семантика шли одновременно;
  • 4 правки после базового переноса: объём страниц, форма, фотографии, меню;
  • 0 строк кода написано руками;

Чего мы не проверяли и потому не утверждаем: чистоту кода под капотом, скорость загрузки, корректность метатегов и 301-редиректы со старых адресов. Для боевого SEO-переезда это отдельный чеклист, и его агенту нужно ставить отдельной задачей.

Паттерн, который можно повторить

Из кейса вынимается механизм, не привязанный ни к LidFly, ни к металлообработке:

  1. Дайте агенту ссылку на старый сайт и явно опишите объём: «перенеси все страницы», а не «перенеси сайт».
  2. Параллельным чатом закажите семантическое ядро по приоритетной услуге — к концу переноса оно уже готово.
  3. После переноса прокликайте всё руками. Четыре типовые точки отказа из нашего кейса: полнота страниц, формы, картинки на внутренних страницах, мобильное меню.
  4. Правки ставьте точечными промтами: одна проблема — один промт. Перед промтом — диагностика, если симптом неоднозначный.
  5. Главную перестраивайте промтом со ссылкой на ядро: «упор на X, сверяйся с ядром, остальное сохрани».

Мы переносили на LidFly, потому что у него есть прямая интеграция с Claude Code. Критерий выбора платформы-приёмника общий: агент должен уметь в неё писать — через API или MCP. Иначе вся схема разваливается на ручном копипасте и выигрыша нет.

Зачем это вдолгую: сайт, который агент перенёс и правит промтами, перестаёт зависеть от подрядчика. Править его словами может тот, кто им владеет, — а это и есть способность бизнеса меняться быстрее, чем согласовывается тикет.

FAQ

Как пользоваться Claude Code, если я не программист? Как в кейсе: ставите задачу текстом, смотрите результат, просите поправить. Читать код не обязательно, проверять страницы кликами — обязательно.

Сколько это стоит? Claude Code входит в платные подписки Anthropic; тарифы и лимиты регулярно меняются, поэтому цену здесь не фиксируем — сверьтесь с актуальным прайсом. Наш перенос уложился в рамки обычной подписки, доплат не было.

Можно ли создать сайт с помощью ИИ бесплатно? На бесплатных лимитах чат-ботов — только тексты и куски кода, которые вы будете собирать руками. Агентская работа «по ссылке», как в кейсе, на бесплатных тарифах сейчас не живёт.

А с Тильды так можно? Паттерн тот же, проверка — в следующем уроке: семнадцатый будет про перенос сайта с Тильды на LidFly.

С чего начать вайб-кодинг? С задачи, у которой проверяемый результат: перенос визитки, лендинг, одна форма. Промт → проверка → правка. Наш курс выложен уроками, этот кейс — урок 16.

ИТОГ. Твёрдо: Claude Code перенёс сайт-визитку с WordPress на LidFly по одной ссылке и закрыл все четыре правки с первого промта — это воспроизведено в записи урока. Похоже: связка «семантическое ядро → переписанная главная» экономит работу двух специалистов; у нас сработало, на других нишах не проверяли. Гипотеза: тот же паттерн ляжет на любой конструктор с агентским доступом — проверим на Тильде в уроке 17.

Если вы переносили сайт ИИ-агентом — расскажите в комментариях, где ломалось у вас: соберём общий чеклист точек отказа. Видеоурок целиком — в нашем курсе, LidFly.

4
1