Сайт без кода сегодня делается так: ставишь Claude Code — ИИ-инструмент от Anthropic, который живёт в терминале или VS Code, — и пишешь ему задачу обычными словами: «сделай лендинг для моих услуг с формой заявки». Он сам создаст файлы сайта на твоём компьютере и будет переделывать их по твоим правкам. Программировать не нужно: твоя работа — формулировать, что должно получиться, и отвечать «да» на запросы разрешений. От скачивания бесплатного установщика до первого готового продукта — около часа.
Меня зовут Жемал Хамидун, я AI-консультант и тренер, Head of AI в Alpina Digital и CPO платформы AlpinaGPT. Провёл больше 200 корпоративных тренингов по ИИ и обучил свыше 1000 человек. С Claude Code работаю каждый день: собираю на нём сайты, ботов и агентов. Этот материал — выжимка практики, без выдуманных бенчмарков.
Почему это не конструктор
Конструкторы собирают страницу из готовых блоков: выбираешь шаблон и подгоняешь его под себя. ИИ-агент работает иначе: он пишет файлы сайта под твою конкретную задачу и переделывает их по твоим словам, без рамок шаблона. Что удобнее — зависит от задачи; здесь разбираю путь через ИИ-агента.
Инструмент — Claude Code. Он читает и пишет файлы на компьютере, запускает команды и собирает готовые продукты. Это не чат, который выдаёт советы и куски кода для копирования: ты ставишь задачу — он делает. Подробный разбор инструмента — в статье Claude Code: что это такое.
Что понадобится
- - Компьютер с Windows 10/11 или macOS.
- - Бесплатный установщик Hamidun-Setup — одним пакетом ставит Claude Code, VS Code, Node.js и Git, плюс мой готовый конфиг под типовые задачи.
- - Подписка Claude Pro — $20 в месяц, примерно 1 500–1 700 ₽; Claude Code уже входит в Pro. Российские карты в Claude не проходят — варианты оплаты разбираю в конце статьи. Второй вариант — рублёвый ключ без зарубежной карты, он доступен в установщике.
На установке бывают типовые затыки: SmartScreen и антивирус на Windows, карантин macOS с сообщением «повреждено», диалог про инструменты командной строки для git. Это штатные ситуации, а не признак того, что что-то сломалось.
Главный принцип: формулируй результат, а не технологии
Главная ошибка новичка — пытаться говорить с ИИ «на айтишном»: просить «сверстать адаптивную страницу» или «настроить валидацию формы». Технологии Claude Code выберет сам. Твоя работа — описать результат: что должно получиться, для кого и что посетитель должен сделать.
Плохо: «сверстай лендинг на HTML и CSS с формой на JavaScript».
Хорошо: «сделай лендинг для моих услуг с формой заявки».
Тот же принцип работает для любых первых задач:
- - «сделай лендинг для моих услуг с формой заявки»;
- - «собери телеграм-бота, который отвечает на вопросы клиентов»;
- - «сделай таблицу учёта клиентов с напоминаниями»;
- - «разбери этот Excel и собери отчёт с графиками».
Чем больше контекста дашь, тем точнее первая версия. Не просто «сделай сайт», а «сделай лендинг для моих услуг с формой заявки» — и дальше своими словами: какие это услуги, кто клиенты, что человек должен сделать на странице.
Как сделать лендинг с ИИ: пошагово
- 1. Создай отдельную папку под проект и открой в ней Claude Code — в терминале или в VS Code.
- 2. Напиши задачу обычными словами: «сделай лендинг для моих услуг с формой заявки» плюс контекст про услуги и клиентов.
- 3. Отвечай на запросы разрешений. Перед тем как создать файл или выполнить команду, Claude Code спросит твоего согласия — в папке своего проекта разрешай спокойно.
- 4. Посмотри результат и проси правки — тоже словами. Точечные формулировки работают лучше общих: не «сделай красивее», а конкретно — что не нравится в заголовке, какой блок убрать, что добавить в форму.
- 5. Повторяй, пока не устроит. Кода на этом пути ты не пишешь вообще — только смотришь и формулируешь.
По сути это и есть ответ на вопрос, как создать сайт с помощью нейросети: диалог о результате вместо работы с кодом.
Что происходит с файлами и зачем разрешения
Claude Code работает прямо с файлами на твоём компьютере. Сайт — это папка с файлами, которые он создаёт и редактирует; ты в любой момент видишь, что именно лежит в проекте.
Поэтому перед каждым действием — прочитать файл, изменить его, выполнить команду — он спрашивает разрешение. Без твоего «да» ничего не происходит, так задумано: у тебя всегда остаётся контроль.
Где можно расслабиться, а где стоит читать внимательно:
- - в папке своего проекта — разрешай спокойно, там лежит только то, что вы вместе создаёте;
- - удаление файлов — прочитай, что именно он собирается удалить, прежде чем соглашаться;
- - системные папки — если запрос выходит за пределы проекта, разберись зачем;
- - отправка данных наружу — внимательнее к действиям, которые передают что-то в интернет.
Сайт готов. Что дальше
Результат первого захода — папка с файлами сайта на твоём компьютере. Дальше три направления.
Публикация. Чтобы сайт открывался по ссылке, его нужно выложить в интернет. Это такая же задача, как и создание: формулируешь результат обычными словами — «выложи этот сайт, чтобы он был доступен по ссылке» — и дальше работаешь в том же диалоге, отвечая на запросы разрешений.
Доработка. Сайт не застывает после публикации. Захотел поменять цены, добавить блок или переписать тексты — возвращаешься в папку проекта и просишь. Тот же диалог, что и при создании.
Следующие продукты. Тем же способом собираются телеграм-бот для ответов клиентам, таблица учёта с напоминаниями, отчёты из Excel. Сайт — обычно только первый шаг.
Куда расти: готовый конфиг
«Голый» Claude Code — уже рабочий инструмент. Мой открытый конфиг добавляет к нему готовую обвязку: 350 скиллов, 29 плагинов, 68 агентов, 164 команды и 22 правила.
- - Агент — «виртуальный сотрудник» со своей ролью: оркестратор, фронтенд, бэкенд, тестировщик.
- - Скилл — готовая инструкция под типовую задачу: посты, презентации, таблицы, боты.
Ставится одной строкой:
/plugin marketplace add JHamidun/claude-code-config-packГлавное для новичка: ничего из этого не нужно вызывать вручную — Claude сам подключает нужное под задачу. Это как игра с уже установленными модами. Этим конфигом собраны реальные продукты: новостной движок, радары упоминаний, CRM, боты, генераторы контента.
Если нужен результат с сопровождением
Самостоятельный путь рабочий. Если хочешь пройти его быстрее и с обратной связью — есть вайбкодинг-интенсив: за 2 недели собираешь 3 продукта — сайт, чат-бота и своего ИИ-агента.
Формат: 5 живых занятий и открытый демо-день, 2 вечера в неделю, 5 домашних заданий, личное сопровождение, записи остаются на 3 месяца. Ближайший поток — 17 августа. Тарифы — 29 900 / 49 900 / 99 900 ₽, рассрочка без процентов, бронь места от 990 ₽. Гарантия: 100% возврат до начала второго занятия, на старших тарифах — бесплатный перезапуск потока.
Частые вопросы
Можно ли сделать сайт без программиста?
Да. Claude Code берёт техническую часть на себя: пишет файлы, запускает команды, собирает продукт. Твоя роль — сформулировать результат обычными словами и отвечать на запросы разрешений. Навыки программирования не нужны.
Сколько стоит создать сайт с помощью нейросети?
Установщик бесплатный. Для работы Claude Code нужна подписка Claude Pro — $20 в месяц, примерно 1 500–1 700 ₽; отдельно за Claude Code платить не надо, он входит в Pro. Альтернатива — рублёвый ключ без зарубежной карты, доступен в установщике.
Как оплатить Claude из России?
Российские карты не проходят. Возможные пути: виртуальная зарубежная карта через сервис-посредник, карта Казахстана, Армении или Турции, Apple Gift Card (Турция) с оплатой в iPhone-приложении (выходит около $13–15) или друг с зарубежной картой. При оплате обычно нужен VPN с европейской локацией. Подробный разбор — в статье как оплатить Claude из России.
Безопасно ли давать ИИ доступ к файлам на компьютере?
Claude Code ничего не делает без разрешения: перед чтением и изменением файлов и перед выполнением команд он спрашивает, и без «да» действие не выполняется. В папке своего проекта разрешать можно спокойно. Внимательнее — к удалению файлов, системным папкам и отправке данных наружу.
Сколько времени займёт первый сайт?
От скачивания установщика до первого готового продукта — около часа: установка, постановка задачи, первая версия. Дальше время зависит от количества правок, которые ты захочешь внести.
Что делать, если результат не нравится?
Просить правки — так же, обычными словами. Формулируй конкретно: что именно не так и как должно быть. Claude Code переделает файлы, спросив разрешение на изменения; таких итераций может быть сколько угодно.
Что ещё можно собрать, кроме сайта?
Тем же подходом: телеграм-бота, который отвечает на вопросы клиентов; таблицу учёта клиентов с напоминаниями; отчёт с графиками из Excel-файла. С готовым конфигом планка выше — продукты уровня CRM, новостного движка, генераторов контента.