Сайт на Тильде с Claude Code: как нейросеть поймала меня на ошибке в 10 копеек

Цифру «25 копеек» на свой сайт я вписал сам. Claude Code поставил её, как я попросил, и дважды предупредил, что подтвердить её нечем. Чем закончился этот спор, расскажу ниже.

Про то, как создать сайт с помощью нейросети, сейчас спорят два лагеря. Одни уверены, что агент сделает всё сам, другие ждут шаблонную халтуру. Я собрал сайт на Тильде вместе с Claude Code, сам не написал ни строчки кода и могу показать по скриншотам, в чём правы и те, и другие. Описание всего процесса целиком, пожалуй, будет избыточным, поэтому расскажу про несколько интересных моментов, с которыми столкнулся при создании сайта. Но сначала о том, как агент вообще попал в мой аккаунт.

Ключ от аккаунта

Claude Code работает с Тильдой через MCP. Если коротко, это доверенность: агент сам создаёт страницы, собирает блоки, загружает картинки и публикует. В Тильде для этого есть раздел «Ключи MCP», и в окне нового ключа всего три поля: тип доступа, проекты и срок действия.

Окно нового ключа MCP в Тильде: тип доступа (1), проекты (2) и срок действия (3).

С полным доступом агент технически может опубликовать или удалить что угодно. Поэтому правило у нас было одно и жёсткое: ничего не уходит в публикацию без моего прямого «да». Эксперименты шли на копии страницы, старый подвал агент не удалил, а скрыл, а копию после переноса отправил в корзину. Любой шаг можно было откатить.

Агент собрал на меня досье

Мы делали сайт из редактируемых Zero-блоков. Агент начал работу не с дизайна и даже не с разработки структуры. Сайт про человека нельзя написать из головы, поэтому он отправил помощника по моим папкам. Главным источником стал файл, где подробно расписана моя профессиональная деятельность за последние двадцать лет: места работы, реализованные проекты, записи в трудовой. Рядом лежали описания курса, отчёты и презентации. Из всего этого получилось досье из девяти разделов.

Полезнее всего в досье оказался раздел с расхождениями. Стаж в моих же файлах записан по-разному: «более 17 лет», «18 лет», «двадцать лет», а в старом портфолио «14 лет в коммуникациях». Агент не выбрал красивую цифру сам, а вынес расхождение в отдельный список, и решение осталось за мной: я выбрал «17+ лет». Туда же попали правила подачи из профиля: где можно писать «реализовал», а где только «авторская концепция, выигравшая тендер», и мой же запрет не называть себя человеком, который учит пользоваться нейросетями.

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

Прототип, в котором можно ошибаться дёшево

Порядок публикации предложил агент: сначала сайт живёт в HTML на моём компьютере, и только утверждённое уходит в Тильду. В прототипе вариант меняется за секунды, а в Zero Block то же самое делать в десять раз дольше.

В чате агент часто спорил со мной, и всерьёз. К примеру, я хотел, чтобы на гипсовых иллюстрациях при наведении мыши появлялся красный элемент. Агент заметил, что тогда, пока посетитель ничего не трогает, на странице нет ни одного красного пятна, и пропадает фирменное правило „одно красное пятно в кадре“. Мы перевели эффект на прокрутку, а после моего замечания, что увеличение при наведении вместе с окрашиванием смотрится плохо, наведение убрали совсем.

Агент объясняет, чем плох эффект при наведении (1), я выбираю вариант (2).

Шарик, которому не хватало физики

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

Блок «Чем могу быть полезен». Пунктиром поверх скриншота нарисована схема полёта шарика: падение, удары об углы текстовых ступеней, посадка на гипсовую лестницу.

Агент проверил траекторию покадрово, на одиннадцати кадрах. Слово «парабола» я тогда не произносил, и оно не понадобилось: хватило сказать, что выглядит не так.

Десять копеек

Вернусь к десяти копейкам. На сайте есть карточка, где я пишу, что нейросеть ошибается уверенно и красиво, а я показываю, где она может подвести, и выстраиваю проверку. Иронично, что в этот раз уверенно ошибся я.

Для кейса с медиапроектом нужна была стоимость одного контакта. У агента был доступ к папке, где я работал над этим проектом и готовил итоговый отчёт, поэтому гадать ему не пришлось. Он сам заметил, что цифры в черновой презентации расходятся с официальным отчётом, и взял отчёт: 3,73 млн просмотров в СМИ и соцсетях плюс 24,7 млн контактов на медиафасадах, всего 28,4 млн. Грант составил 9,99 млн рублей, значит, контакт стоил 35 копеек. Я написал «25 коп.». Агент поставил мою цифру, дважды предупредил, что подтвердить её нечем, и в итоге я исправил её на 35.

Расчёт стоимости контакта по официальному отчёту

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

SEO сайта на Тильде: две копии каждой страницы

Отдельно я попросил проверить SEO, robots и sitemap. Ответ начинался фразой, которую я хотел бы слышать от любого подрядчика: «Я только смотрел, ничего не менял». Дальше агент нашёл, что сайт отвечает и по http, и по https, поэтому поисковики видят две копии каждой страницы. Лид-магнит «Среда проекта» был закрыт от индексации, а юридические страницы, наоборот, открыты. Я ответил одной строкой: включить HTTPS, открыть лид-магнит, закрыть юридические страницы и заодно добавить в подвал ИНН и ОГРН.

SEO-проверка: агент сначала только смотрит (1), находит дубли страниц (2), а решение остаётся за мной (3).

Два критика и шесть отказов

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

Во второй раз, когда очередная версия уже была опубликована, критиков-агентов уже было двое, и каждый вернул по двенадцать предложений. К примеру, они заметили, что доказательства опыта начинались только на четвёртом экране. Агент свёл оба списка замечаний и внедрил почти всё, «кроме шести, противоречащих твоим прямым решениям». Критик советует, а решает заказчик.

Агент сводит два отчёта критиков и отказывается от шести советов (1). Блоки в Тильду заливают несколько подагентов параллельно (2).

Так кто прав

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

Подписка на Claude и тариф Тильды у меня уже были, поэтому сайт на Тильде без верстальщика обошёлся мне в генерации фото в Midjourney и Nano Banana, три рабочих дня и умение говорить «нет». Подрядчиков не было. Когда главная ушла в публикацию, несколько вещей оставались открытыми: мобильную версию после последних правок нужно было проверить с настоящего телефона, Метрика не была подключена, а автолента статей жила только в планах.

Напишите в комментариях, какой сайт вы хотели бы собрать с агентом, и я отвечу, какие файлы нужно положить ему в папку до начала работы. Мои десять копеек показали, что именно с этого всё и начинается. Сайт можно посмотреть на t4nsky.online, а о нейросетях в креативных индустриях пишу в канале @t4nskAI.