Создавайте сайты стоимостью $10 000, не вставая с дивана, с помощью Claude Code

@zentalksai
ИСПАНСКИЙ09 авг. 2026 г.
107K
176
17
29
177

Суть

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

То, на что у пяти человек уходит три недели, ты можешь сделать за полдня. Без программирования и ни разу не открыв терминал.

Приличный корпоративный сайт стоит от €3 000 до €12 000. Не из-за кода, а из-за трех недель совещаний. Вчера я собрал один такой, не вставая с дивана, и сейчас расскажу весь процесс, шаг за шагом.

Расскажу весь процесс, шаг за шагом.

Предупреждение перед стартом: вокруг этой темы много шумихи.

Речь не о том, чтобы «обманывать людей и брать с них €5 000».

Речь о том, что настоящая работа над сайтом (решить, что он говорит, для кого и как выглядит) — по-прежнему работа. Исчезла медленная часть: верстка, правки, ожидание разработчика, ожидание дизайнера, ожидание, пока кто-то ответит на письмо.

Если хорошо сделать ту часть, которая действительно важна, результат выдержит сравнение. А если выдерживает — за него можно брать деньги.

Вопрос, который задают все: где это делается?

Многие думают, что нужен терминал — тот черный экран, который внушает уважение. Нет.

В десктопном приложении Claude сверху три вкладки:

→ Chat — обычный диалог

→ Cowork — задачи с твоими файлами

→ Code — создание реальных проектов

Вкладка Code — это тот же агент Claude Code, только с интерфейсом. Ты пишешь обычным языком, а он создает папки, файлы и запускает всё.

Скачай его на claude.com/download и войди в свой аккаунт.

Предупреждение: нужен платный тариф. На бесплатном лимит закончится за полчаса.

ШАГ 0: ПУСТАЯ ПАПКА

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

Создай новую пустую папку на компьютере. Только для этого сайта.

Звучит глупо, но именно это спасает от типичной катастрофы: файлы разбросаны по всему рабочему столу, Claude лезет туда, куда не надо, а ты не понимаешь, где что.

Одна папка — один проект. В Claude ты выбираешь эту папку, и он из нее не выходит.

ШАГ 1: БРЕНД-ФАЙЛ

Этот шаг не делает почти никто. И именно он меняет всё.

Напиши одностраничный документ с решениями, которые принимаешь ты, а не должен выдумывать Claude.

Шесть строк:

→ Кто заходит: «свадебный фотограф, бюджет €2 000»

→ Что они чувствуют, зайдя на сайт: «дорого, спокойно, без шума»

→ Единственное действие: «записаться на звонок»

→ Шрифты: максимум два

→ Цвета: три. Фон, текст, один акцентный

→ Запрещено: то, что ты не хочешь видеть ни при каких обстоятельствах

Без этого файла Claude сам заполняет пробелы. И заполняет он их на уровне шаблона за €200.

Скопируй этот шаблон и заполни информацию :)

text
1БРЕНД: [название]
2ИДЕАЛЬНЫЙ КЛИЕНТ: [кто он, что ищет, его бюджет]
3ОЩУЩЕНИЕ: [3 прилагательных, без расплывчатых]
4ЕДИНСТВЕННОЕ ДЕЙСТВИЕ: [то единственное, что он должен сделать]
5ШРИФТЫ: [один для заголовков, один для текста]
6ЦВЕТА: [фон / текст / акцент, с hex-кодами]
7ЗАПРЕЩЕНО: градиенты, иконки-эмодзи, стоковые фото,
8всё по центру, «инновационные решения»

Сохрани его как brand.txt внутри папки проекта.

А в Claude напиши вот это:

text
1Прочитай brand.txt перед тем, как принимать дизайн-решения.
2Если чего-то в нём нет — спроси меня.

Последняя фраза меняет многое. Вместо того чтобы выдумывать, он начинает советоваться с тобой.

ШАГ 2: ДАЙ ЕМУ ОРИЕНТИР

Прилагательные не работают. «Элегантный» ничего не значит для модели. Картинки — да.

Вот что делаю я:

→ Захожу на Land-book, Godly или Minimal Gallery. Все три бесплатные, и на них полно реально опубликованных сайтов

→ Выбираю 3. Не десять. С десятью всё смешивается и получается каша

→ С каждого делаю скриншот главной и одной внутренней страницы. Шесть скриншотов

→ Перетаскиваю их в папку проекта

Для этого избегай Dribbble. Это концепты, которых не существует, и Claude пытается воспроизвести невозможное.

И я говорю ему ровно вот это ↓

text
1Используй эти скриншоты как ориентир качества: посмотри
2на размеры шрифтов, расстояния между секциями и ритм
3страницы. НЕ копируй структуры и тексты.

Без этого «не копируй» он клонирует первый референс, и получается плагиат, на который сверху повесили другой логотип. Я такое видел.

ШАГ 3: ЗАДАНИЕ

Одно сообщение. Четыре блока. Никаких идей по три за раз — именно так всё ломается.

1. Что это: «Одностраничный сайт для [X] с такими секциями: [список]».

2. Тексты: Напиши сам. Серьезно. Это единственное, что Claude не может вытащить из рукава, потому что он не знает твой бизнес и твоих клиентов.

3. Как собрать: «Используй Astro и Tailwind. Статический сайт, без CMS». Тебе не нужно знать, что это. Это комбинация, которая быстро загружается, не ломается и не заставляет платить каждый месяц.

4. Ограничения: «Соблюдай brand.txt. Максимум два шрифта и три цвета».

Отправляешь и ждешь несколько минут.

То, что появится, будет готово на 70%. Это нормально, и важно знать об этом заранее, потому что именно здесь большинство людей разочаровывается и бросает.

Первую версию не публикует никто. Ни ты, ни я, ни агентство, которое берет €8 000. Разница в том, что им нужно две недели, чтобы показать эти 70%, а у тебя они на экране через шесть минут.

ШАГ 4: ДОВОДКА

Вот где настоящая ценность. Именно здесь решается, выглядит сайт на €500 или на €5 000.

Ошибка, которую совершают все, — писать «улучши немного, сделай более профессиональным». Это ничего не значит, и результат становится хуже.

Правки вносятся слоями. По одному сообщению на каждый слой:

→ Слой 1, текст: «Проверь все размеры шрифтов. Выстрой согласованную шкалу. Больше ничего не трогай».

→ Слой 2, воздух: «Секция за секцией: удвой воздух там, где тесно. Больше ничего не трогай».

→ Слой 3, движение: «Сделай так, чтобы элементы плавно появлялись при прокрутке вниз. 250ms. Ничего, что прыгает».

Это «больше ничего не трогай» — ключевая часть. Если попросить все три сразу, он хорошо починит одно и сломает два.

А если что-то конкретное не нравится, но ты не знаешь, как объяснить? Сделай скриншот, перетащи его и опиши простыми словами:

Этот блок выглядит зажатым рядом с тем, что выше.

Эта кнопка не выделяется на фоне.

Этот заголовок занимает слишком много места на мобильном.

Тебе не нужен словарь дизайнера. Достаточно просто показать пальцем. Это ровно то, что клиент делает с агентством, только здесь ответ приходит через тридцать секунд, а не через четыре дня.

Три финальные проверки ↓

Их пропускают даже агентства:

→ Мобильная версия: «Покажи все страницы шириной 375px и исправь то, что ломается». Именно оттуда приходит большинство твоих посетителей.

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

→ Кнопка: видна ли она без прокрутки? Продублирована ли в самом низу? Если нет — ты сделал брошюру, а не сайт.

ШАГ 5: ПУБЛИКАЦИЯ

Пятнадцать минут и ноль евро в месяц.

Самый простой способ, без заморочек с аккаунтами и серверами:

→ Просишь Claude подготовить финальную папку проекта

→ Заходишь на Netlify или Vercel и перетаскиваешь папку на экран

→ Они мгновенно дают тебе адрес

→ Покупаешь домен (от €8 до €12 в год) и подключаешь его из панели

Сайт онлайн. Без ежемесячной платы, без обслуживания, без счета на €120 в месяц за «управляемый хостинг».

ЗА ЧТО ТЫ БЕРЕШЬ ДЕНЬГИ

Теперь та часть, о которой никто не рассказывает.

Если ты делаешь это для других, не продавай «сайт». Продавай полный пакет:

45-минутный созвон, чтобы собрать бренд-файл, готовые тексты (не разбавленные водой), опубликованный сайт с доменом, два раунда правок и 10-минутное видео о том, как его обновлять.

Это заказ от €800 до €2 500 в зависимости от клиента, выполненный за дни, а не за недели.

Ты берешь деньги не за часы. Ты берешь их за то, что клиент из «ничего» получает то, что приносит заказы.

Три ошибки, которые я постоянно вижу:

→ Просить пять правок в одном сообщении. Ничем хорошим это не кончается. Одна правка на сообщение.

→ Позволять Claude писать тексты. Получается правильно, но пусто. Тексты — твоя работа.

→ Стремиться к идеалу перед публикацией. Опубликованный сайт с тремя недостатками стоит бесконечно больше, чем идеальный, который всё еще лежит в папке.

Так что же здесь на самом деле меняется?

Агентство продавало три недели процесса. А процесс — это всегда четыре продуманных решения:

→ для кого

→ что он должен делать

→ как он должен выглядеть

→ что запрещено

Остальное — ожидание. А за ожидание больше не платят.

Первый сайт займет у тебя пять часов и будет выглядеть на €500. Третий займет два часа и будет выглядеть на €3 000. Пятый ты сделаешь в полусне.

Это обычная кривая обучения, а не магия. Начни со своего. Это лучшее место для ошибок, потому что клиент — ты сам.

Сохрани этот гайд и выдели на него несколько часов.

Уверяю тебя: не пожалеешь :)

Переделать в YouMind

Превратите одну вирусную статью в полноценный рабочий процесс создания контента

Собирайте источники, расшифровывайте паттерны, создавайте активы, пишите черновики и публикуйте контент из одного рабочего пространства ИИ.

Исследовать YouMind
Для авторов

Превратите ваш Markdown в аккуратную статью для 𝕏

Когда вы публикуете длинные тексты, изображения, таблицы и блоки кода, форматирование в 𝕏 становится мучением. YouMind превращает полный черновик в Markdown в чистую статью, готовую к публикации в 𝕏.

Попробовать Markdown для 𝕏

Другие паттерны для анализа

Недавние виральные статьи

Смотреть другие виральные статьи