Как 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, ни к металлообработке:
- Дайте агенту ссылку на старый сайт и явно опишите объём: «перенеси все страницы», а не «перенеси сайт».
- Параллельным чатом закажите семантическое ядро по приоритетной услуге — к концу переноса оно уже готово.
- После переноса прокликайте всё руками. Четыре типовые точки отказа из нашего кейса: полнота страниц, формы, картинки на внутренних страницах, мобильное меню.
- Правки ставьте точечными промтами: одна проблема — один промт. Перед промтом — диагностика, если симптом неоднозначный.
- Главную перестраивайте промтом со ссылкой на ядро: «упор на X, сверяйся с ядром, остальное сохрани».
Мы переносили на LidFly, потому что у него есть прямая интеграция с Claude Code. Критерий выбора платформы-приёмника общий: агент должен уметь в неё писать — через API или MCP. Иначе вся схема разваливается на ручном копипасте и выигрыша нет.
Зачем это вдолгую: сайт, который агент перенёс и правит промтами, перестаёт зависеть от подрядчика. Править его словами может тот, кто им владеет, — а это и есть способность бизнеса меняться быстрее, чем согласовывается тикет.
FAQ
Как пользоваться Claude Code, если я не программист? Как в кейсе: ставите задачу текстом, смотрите результат, просите поправить. Читать код не обязательно, проверять страницы кликами — обязательно.
Сколько это стоит? Claude Code входит в платные подписки Anthropic; тарифы и лимиты регулярно меняются, поэтому цену здесь не фиксируем — сверьтесь с актуальным прайсом. Наш перенос уложился в рамки обычной подписки, доплат не было.
Можно ли создать сайт с помощью ИИ бесплатно? На бесплатных лимитах чат-ботов — только тексты и куски кода, которые вы будете собирать руками. Агентская работа «по ссылке», как в кейсе, на бесплатных тарифах сейчас не живёт.
А с Тильды так можно? Паттерн тот же, проверка — в следующем уроке: семнадцатый будет про перенос сайта с Тильды на LidFly.
С чего начать вайб-кодинг? С задачи, у которой проверяемый результат: перенос визитки, лендинг, одна форма. Промт → проверка → правка. Наш курс выложен уроками, этот кейс — урок 16.
ИТОГ. Твёрдо: Claude Code перенёс сайт-визитку с WordPress на LidFly по одной ссылке и закрыл все четыре правки с первого промта — это воспроизведено в записи урока. Похоже: связка «семантическое ядро → переписанная главная» экономит работу двух специалистов; у нас сработало, на других нишах не проверяли. Гипотеза: тот же паттерн ляжет на любой конструктор с агентским доступом — проверим на Тильде в уроке 17.
Если вы переносили сайт ИИ-агентом — расскажите в комментариях, где ломалось у вас: соберём общий чеклист точек отказа. Видеоурок целиком — в нашем курсе, LidFly.