Фрилансеры берут $10 000 за сайты. Теперь это делается за вечер без знания кода
Есть восемь вещей которые отделяют сайт за $10 000 от сайта за $200. Точка зрения, типографика, цвет, иерархия, картинки, движение, мобайл и то невидимое ощущение что сайт быстрый и законченный. Это не я придумал — это список который дал Claude когда я спросил напрямую. И именно по этому списку мы строили сайт.
Я не умею кодить. Это важная деталь которую надо держать в голове пока читаешь дальше.
Кстати, у меня есть тг-канал — там пишу про ИИ-инструменты, гайды и разборы.
Почему обычные конструкторы не дают нужный результат
Когда делаешь сайт в 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