загрузка
Claude Code собирает лендинги и сайты-визитки на уровне, за который фрилансер берёт от тысячи долларов. Честный разбор: что нужно, как поставить и чего ждать.
Сначала границы. Половина разочарований — от попытки собрать то, что так не собирается.
Первый список — это страницы: текст, картинки, форма. Второй — это программы, где данные живут, меняются и принадлежат разным людям. Их тоже можно собрать, но это не «за вечер».
«За одну команду» не бывает. Бывает за несколько точных запросов и вечер работы.
Основа тут Claude Code, он работает по платной подписке Claude. Всё остальное из списка бесплатно.
npm install -g @anthropic-ai/claude-code
Если команда не находится, сначала нужен Node — это среда, в которой работают такие программы:
https://nodejs.org
Ставь версию с пометкой LTS.
https://21st.dev
Готовые куски страниц: первый экран, цены, отзывы, формы. Сайт на английском. Рядом с блоком есть кнопка копирования промпта, подписана «Copy prompt»: в буфер попадает текстовое описание блока, его и отдаёшь Claude. Не видно надписи, ищи иконку копирования у превью блока: интерфейс там иногда перестраивают.
claude --version
Показал номер — можно работать.
Главная ошибка — просить «красивый сайт». Нужно описать бизнес, а не желаемую красоту.
Собери одностраничный сайт для студии массажа «Тишина». О бизнесе: — массаж для людей с сидячей работой, спина и шея — Москва, Ленинский проспект 40 — запись по телефону +7 999 000 00 00 — средний чек 4000 рублей, сеанс час Что должно быть на странице: — первый экран с записью — три услуги с ценами — чем отличаемся от массажного салона у дома — отзывы — как добраться Настроение: спокойное, тёплое, без глянца и стоковых улыбок. Сделай сначала структуру и текст, покажи мне. Дизайн потом.
Потому что переделывать текст на готовом дизайне долго, а дизайн под готовый текст — быстро. И потому что сайт продаёт текстом, а не тенями у кнопок.
Чем конкретнее вводные — адрес, чек, кому именно нужна услуга — тем меньше правок. «Сделай красиво» даёт безликую страницу.
Текст утверждён — теперь берём чужую насмотренность и применяем к своей странице.
Найди в библиотеке блок, который нравится, нажми кнопку копирования описания и отдай его Claude:
Вот описание блока, который мне нравится: [вставить]. Примени такой же подход к моей странице: типографика, отступы, ощущение от первого экрана. Содержание не меняй — только внешний вид.
Прави по одному, а не списком из десяти пунктов:
Заголовок на первом экране слишком мелкий — увеличь вдвое и дай ему больше воздуха сверху и снизу.
После каждой правки смотри результат. Список из десяти изменений почти всегда ломает что-то соседнее.
Не бери за образец сайты с тяжёлой анимацией. На телефоне они выглядят иначе и открываются медленно.
Шесть вещей, которые чаще всего забывают и потом теряют заявки.
По коду страницы Claude Code видит вес картинок, битые ссылки, размеры шрифтов и вёрстку под узкий экран. Саму страницу в браузере он не открывает, поэтому «как выглядит на телефоне» остаётся на тебе: открой ссылку на своём телефоне и пройди путь до заявки.
Проверь мою страницу по коду: все ли ссылки и кнопки ведут куда надо, сколько весят картинки и какие стоит сжать, не мелкий ли шрифт и не слипаются ли блоки на узком экране, понятно ли с первого экрана, что мы предлагаем. Покажи список проблем по важности и исправь первые три.
Пункты 1 и 2 из списка выше проверяешь только ты: посмотреть глазами на телефоне и отправить тестовую заявку.
Готовую страницу нужно где-то разместить. Для визитки это бесплатно.
Сам по себе Claude Code сайт в интернет не поставит: страницу нужно положить на хостинг, а туда нужен твой аккаунт. Для визитки хватает бесплатного тарифа Vercel или Netlify, оба берут такую страницу без оплаты.
Заведи бесплатный аккаунт на одном из них. Вход из терминала делается один раз, команду входа Claude подскажет, подтверждать будешь в браузере. Временный адрес выглядит как nazvanie.vercel.app или nazvanie.netlify.app, ссылку уже можно показывать людям.
Дальше проси выложить и объяснить, что нажать:
Выложи сайт так, чтобы у меня была рабочая ссылка. Объясни по шагам, что мне нужно нажать со своей стороны, и что делать, если я захочу привязать свой домен.
Свой адрес вида имя.ru стоит несколько сотен рублей в год. Для визитки это заметно повышает доверие: адрес с чужим именем в конце выглядит как временная страница.
Сначала выложи на временный адрес и покажи паре человек. Домен покупай, когда содержание устоялось.
Гайд показывает путь, который ты проходишь руками. В Академии этот же материал превращается в настройку: какие скиллы и коннекторы поставить, что и куда прописать, чтобы Claude делал эту работу сам, без тебя.
Открыть за 1 990 ₽/мес →Гайд объясняет, скилл делает. Скачай файл и положи его в Claude: дальше он работает сам, по инструкции внутри.
Скачивание по подписке Академии. Первый блок бесплатно, без карты →
Здесь ты повторяешь шаги руками под каждую новую задачу. В Академии настраиваешь это внутри Claude: скиллы, коннекторы и память проекта. Дальше та же работа делается без тебя, а ты только принимаешь результат.