Фрилансеры берут $10 000 за сайты. Теперь это делается за вечер без знания кода

Фрилансеры берут $10 000 за сайты. Теперь это делается за вечер без знания кода

Есть восемь вещей которые отделяют сайт за $10 000 от сайта за $200. Точка зрения, типографика, цвет, иерархия, картинки, движение, мобайл и то невидимое ощущение что сайт быстрый и законченный. Это не я придумал — это список который дал Claude когда я спросил напрямую. И именно по этому списку мы строили сайт.

Фрилансеры берут $10 000 за сайты. Теперь это делается за вечер без знания кода

Я не умею кодить. Это важная деталь которую надо держать в голове пока читаешь дальше.

Кстати, у меня есть тг-канал — там пишу про ИИ-инструменты, гайды и разборы.

Почему обычные конструкторы не дают нужный результат

Когда делаешь сайт в Wix или Tilda — берёшь чужую заготовку и двигаешь блоки. Итог всегда похож на тысячи других сайтов с того же шаблона. Claude Code работает иначе: пишет HTML, CSS и JavaScript с нуля под то что ты описываешь. Каждый раз разный результат, под конкретную задачу.

Но есть момент который большинство пропускает. Без дополнительных инструкций Claude тянется к тем же решениям что видел чаще всего во время обучения. Inter как шрифт, сине-белая палитра, три колонки. Сразу видно что AI делал.

Это лечится двумя скиллами — текстовыми файлами которые меняют то что Claude считает нормой. Frontend Design от Anthropic запрещает самые заезженные шрифты и толкает к нестандартным решениям. UI UX Pro Max от комьюнити добавляет 57 стилей, 95 палитр, 56 шрифтовых пар — вызываешь его прямо в промпте когда хочешь серьёзный результат. Оба бесплатные.

Ссылки на скиллы:

Самый важный момент во всём процессе

Промпт начинается с /ui-ux-pro-max — вызов скилла. Дальше описание проекта. В конце одна фраза: "Ask me clarifying questions".

После этого Claude не бросается строить. Возвращается с семью вопросами — про название, стилевое направление, какие секции нужны, кто пишет контент, стек, уровень анимации. И сам предлагает три стилевых направления на выбор.

Про картинки и компоненты

Единственное что Claude не делает сам — визуальные ассеты. Для hero-секции я генерировал изображение через ChatGPT, потом прогонял его через Veo 3.1 чтобы сделать видео, потом апскейлил в Topaz. Всё это в одной вкладке без переключений.

Промпт для генерации писать самому не надо. Просишь Claude — он знает твой проект и опишет именно то что попадёт в стиль.

Для интерактивных элементов есть 21st.dev — библиотека компонентов от реальных разработчиков. Нашёл нужный, скопировал кнопку "copy prompt", вставил в Claude. Иногда Claude говорит нет — например отказался встраивать React-компонент в статичный HTML потому что это сломало бы архитектуру. Это правильное поведение. Объясняешь что хочешь получить в итоге — находит другой путь и делает то же самое средствами которые вписываются в проект.

Полировка это где большинство теряет

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

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

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

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

Шрифт Inter если видишь — меняй сразу. Это первое что выдаёт AI-сайт с первого взгляда.

Выкладываем

Хостинг с доменом около $40 в год. Claude Pro $20 в месяц. Итого $60 и готовый сайт.

При загрузке файлов на хостинг зипуй содержимое папки, не саму папку. Если зипнуть папку целиком — index.html окажется на уровень глубже и домен откроет пустую страницу. Это единственный технический момент где можно споткнуться.

Гайды по Claude и другим ИИ-инструментам пишу в своем тгк, добро пожаловать!
Спасибо за прочтение! <3