Сайт с помощью нейросети: сколько это стоит на самом деле и как сделать
Пошагово делаем сайт-визитку с агентом Claude Code и считаем, во сколько он обойдётся. Отдельно честно про то, где слово «бесплатно» заканчивается.
5 мин · · разработка · экономия
Запрос «нейросеть для создания сайта бесплатно на русском языке» обычно значит одно: человек хочет получить визитку или лендинг и не платить за конструктор. Честный ответ такой: бесплатным будет не всё. Хостинг статичной страницы часто бывает бесплатным, а вот работа модели оплачивается за токены. Хорошая новость в том, что сайт-визитка стоит центы, а не десятки долларов. Ниже пошаговая сборка с агентом и расчёт на цифрах 18 октября 2026.
Что здесь бесплатно, а что нет
Разберём статьи расходов по порядку:
- Работа модели. Платно, за токены. Бесплатного доступа к сильным моделям через шлюз нет, и обещать его было бы нечестно. Минимальное пополнение баланса на Zukko — $1.
- Хостинг статичного сайта. Для набора из HTML, CSS и картинок у многих сервисов есть бесплатные тарифы. Условия меняются, поэтому смотрите их на сайте самого сервиса.
- Домен. Обычно платный, цену называет регистратор. Без домена сайт откроется на адресе хостинга.
- Ваше время. Агент пишет код быстро, но тексты, фотографии и контакты вам придётся дать самому.
Если нужна форма заявки с обработкой на сервере, база данных или оплата на сайте, расходы вырастут. Визитка из нескольких блоков такого не требует.
Что понадобится
- Папка проекта и редактор, в котором вы умеете открыть HTML-файл.
- Агент для кода. Здесь используем Claude Code: он сам читает и правит файлы в папке. Установка описана в статье Claude Code с нуля, подключение через шлюз — в документации.
- Ключ
fetch_...из кабинета и положительный баланс. Оплата из России: СБП (платёжная страница добавляет 8,5% сверху), карта MasterCard или криптовалюта.
Шаг 1. Подключаем агента
В терминале, в пустой папке проекта:
mkdir moy-sayt && cd moy-sayt
export ANTHROPIC_BASE_URL=https://api.zukko.pro
export ANTHROPIC_AUTH_TOKEN=fetch_ваш_ключ
export ANTHROPIC_MODEL=claude-sonnet-5-5
claudeАдрес указан без /v1: Claude Code добавляет путь сам. Ключ передаётся именно через переменную ANTHROPIC_AUTH_TOKEN. Для постоянной работы пропишите эти переменные в профиль оболочки или в конфиг, как показано в документации.
Шаг 2. Пишем задание, а не «сделай красиво»
Главная ошибка новичков — запрос «сделай сайт для парикмахерской». Агент заполнит пустоты догадками, и придётся переделывать. Дайте факты и ограничения:
Сделай одностраничный сайт-визитку мастера по ремонту обуви в Казани.
Файлы: index.html, style.css, без фреймворков и без внешних скриптов.
Блоки: шапка с телефоном, услуги и цены (таблица из 6 строк), отзывы (3 штуки),
как нас найти, кнопка «Позвонить» (ссылка tel:).
Цвета: тёмно-синий и белый. Шрифт системный. Адаптивная вёрстка для телефона.
Тексты пиши сам, но все цены и телефон оставь заглушками вида [ЦЕНА], [ТЕЛЕФОН].Заглушки важны: модель не должна выдумывать ваш телефон и прайс. Потом заполните их сами или попросите агента подставить реальные данные из списка, который вы напишете в чате.
Шаг 3. Проверяем и дорабатываем
Откройте index.html в браузере. Для проверки на локальном адресе удобно запустить из папки проекта:
python3 -m http.server 8000и открыть http://localhost:8000. Проверьте на телефоне (или в режиме мобильного просмотра браузера) три вещи: читается ли текст без увеличения, нажимается ли кнопка звонка, не уехала ли таблица за край экрана. Правки формулируйте точечно: «в таблице услуг увеличь отступы и сделай заголовок жирнее», а не «улучши дизайн». Короткие итерации дешевле и предсказуемее, чем большие переделки.
Хорошая привычка — файл с правилами проекта: язык текстов, запрет внешних библиотек, цветовая схема. Как его писать, объяснено в материале про CLAUDE.md. Тогда не нужно повторять ограничения в каждом запросе.
Шаг 4. Публикация
Готовая папка с index.html и style.css загружается на любой хостинг статичных сайтов. Конкретные кнопки и шаги у каждого сервиса свои, поэтому следуйте инструкции выбранного хостинга. Перед публикацией ещё раз пройдитесь по тексту: заглушки [ЦЕНА] и [ТЕЛЕФОН] не должны остаться на странице. Простая проверка — поиск по файлам: grep -n "\[" index.html.
Сколько это стоит по токенам
Допущения для примера (не измерения, а оценка для сайта на один экран): сессия из 20 шагов агента, на каждом шаге в среднем 30 000 токенов входа, всего 600 000 входных и 40 000 выходных токенов. Цены claude-sonnet-5-5 на 18 октября 2026: вход 0.4, выход 2 доллара за 1M токенов.
Без кэша (например, если клиент работает по OpenAI-формату):
600 000 × 0.4 / 1 000 000 + 40 000 × 2 / 1 000 000 = 0.24 + 0.08 = $0.32.
С кэшем промптов в Anthropic-формате, как в Claude Code. Допустим, из 600 000 токенов входа 50 000 свежие, 500 000 прочитаны из кэша и 50 000 записаны в кэш. Цены кэша: чтение 0.05, запись 0.5:
50 000 × 0.4 / 1M + 500 000 × 0.05 / 1M + 50 000 × 0.5 / 1M + 40 000 × 2 / 1M = 0.02 + 0.025 + 0.025 + 0.08 = $0.15.
Пять таких сессий для сайта с несколькими правками — от $0.75 до $1.60. Если взять deepseek-v4.1-flash (0.013 / 0.038) без учёта кэша: 600 000 × 0.013 / 1M + 40 000 × 0.038 / 1M = 0.0078 + 0.00152 ≈ $0.0093. Цена ниже, но результат на агентных задачах у моделей разный, поэтому сравните их на своей задаче, прежде чем переходить. Актуальный список цен — GET https://api.zukko.pro/v1/models.
Рабочий порядок для экономии: сначала чёткое задание, потом точечные правки, а не длинные диалоги, в которых история разрастается. Подробнее про агентные сессии — Сколько стоит час работы с агентом.
Частые вопросы
Можно ли сделать сайт нейросетью совсем бесплатно?
Полностью бесплатно — нет: работа модели оплачивается за токены. Но по расчёту выше сайт-визитка обходится порядка доллара-двух на токены, а хостинг статичных страниц у ряда сервисов бесплатный. Условия смотрите у самих сервисов.
Нужно ли уметь программировать?
Базовое понимание полезно: открыть файл, запустить локальный сервер, проверить результат. Писать код самому не нужно, но проверять, что получилось, придётся вам.
Что делать, если агент всё переделывает и тратит много?
Остановите сессию, сформулируйте правку точнее и ограничьте объём: назовите файл и блок. Лимит на ключ в кабинете (дневной и месячный в долларах) защитит баланс от неожиданностей.
Подойдёт ли такой способ для интернет-магазина?
Для магазина нужны корзина, оплата и база товаров. Это уже серверная часть, и работа выйдет заметно дороже и сложнее визитки. Начните с простого сайта и растите постепенно.
zukko
Платите в 25×
меньше
за Claude Code & ChatGPT
Один ключ fetch_* и base URL api.zukko.pro — в Cursor, Claude Code, Codex и любом SDK.
Похожие статьи
- Память чат-бота: как хранить историю диалога и не платить за неё дваждыМодель не помнит предыдущих реплик: историю отправляете вы при каждом запросе. Разбираем, как растёт цена диалога и чем её сдерживать.
- LangChain text splitters: как резать текст на чанки правильноКак подобрать размер чанка и перекрытие в RecursiveCharacterTextSplitter, почему считать нужно в токенах и как сверить подсчёт с точным количеством от шлюза.
- LangChain RAG: рабочий пример с моделью через шлюзСтроим простой RAG на LangChain: документы, чанки, векторный поиск и ответ модели через шлюз. Считаем, из чего складывается цена вопроса, и режем лишние токены.
- Агенты opencode: как настроить роли, модели и инструментыСвой агент в opencode — это роль, модель и список разрешений. Показываем конфиг и пример, где рутину делает дешёвая модель, а код правит сильная.