Свой сайт за 2 часа

Без программиста, без дизайнера, без подрядчиков. Открываешь редактор, описываешь словами что нужно, AI собирает сайт. Через два часа сайт уже работает по своему адресу в интернете.

Что у тебя получится

К концу гайда — твой рабочий сайт уже в интернете.

Что внутри сайта зависит от твоих целей. Реальные сценарии, которые можно сделать за один вечер:

• Лендинг под бизнес/курс/услугу. Один экран с заголовком, тремя блоками "о чём", формой записи.
• Сайт-визитка эксперта. Фото, краткое описание, кейсы, контакты.
• Меню онлайн для кафе/ресторана. Категории, фото блюд, цены, кнопка «вызвать официанта».
• Лендинг под мероприятие. Дата, программа, форма регистрации.

Всё это — статические HTML-сайты. Без сервера, без базы данных, без головной боли. Работают мгновенно, держат миллион посетителей и стоят $0 на хостинге.

Что понадобится

1. Claude Code или Codex — программа, в которой ты разговариваешь с AI. Подробно — в гайдах Claude для новичков и Codex для новичков. Если ещё не настроил — сначала туда.

2. Папка под проект — например моя-визитка в Документах. Открой её в Claude Code или Codex.

3. Аккаунт на GitHub (бесплатный) — чтобы хранить файлы сайта и оттуда же публиковать. Регистрация на github.com, 2 минуты.

4. Аккаунт на Cloudflare (бесплатный) — куда выложим готовый сайт. cloudflare.com, ещё 2 минуты.

5. Скилы (опционально, но сильно). Скил — это «профессия» для Claude, переключает его в режим эксперта. Для сайтов главный — Frontend Design (официальный от Anthropic, 277 000 установок). Без него Claude делает «средний AI-сайт» с белым фоном и фиолетовым акцентом. С ним — осмысленная типография, палитра и компоненты сразу с первой версии. Каких скилов поставить ещё под сайты и как — в гайде Топ-16 скилсов для Claude.

Шаг 1. Описать что хочешь — один промпт

Это главный шаг. Качество сайта на 80% решается тем, насколько чётко ты опишешь задачу.

Хороший промпт отвечает на 5 вопросов. Скопируй шаблон и заполни:

Собери одностраничный сайт.

1. Что это: [лендинг под курс / визитка / меню / каталог]
2. Для кого: [предприниматели в Ташкенте / родители 5-12 лет / гости города]
3. Главное действие посетителя: [записаться на пробный урок / позвонить / открыть Telegram]
4. Блоки на странице: [заголовок-обещание, кто я / 3 преимущества / отзывы / цены / форма]
5. Стиль: [минимализм / серый фон + бирюзовый акцент / без анимаций / шрифты без засечек] или референсы сайтов [ссылки сайтов, которые тебе нравятся]

Сделай всё сразу: HTML + CSS в одном файле. Тексты сам напиши осмысленно
(потом я поправлю). Покажи когда готово. Перед началом — спроси если что-то
непонятно.

[BAD]

Сделай мне сайт.

[GOOD]

Сайт-визитка специалиста по продажам в Ташкенте, формат — для предпринимателей со средним и малым бизнесом, с 5-50 сотрудниками. Главное действие — записаться на консультацию через Telegram. Блоки: заголовок-обещание, краткое о себе, 3 формата работы (онлайн, у меня, у вас), отзывы клиентов, контакты с кнопкой Telegram. Минимализм, серый фон, шрифт без засечек, без эмодзи.

Шаг 2. AI делает первую версию

После твоего промпта AI начнёт работать. Что произойдёт:

1. Скорее всего задаст 2-3 уточняющих вопроса (имя, контакты, цвет акцента — ответь коротко).
2. Создаст файл index.html в твоей папке. Внутри — структура сайта, тексты, стили.
3. Напишет: "Готово, открывай в браузере."

Открыть сайт у себя:

• Найди файл index.html в папке проекта
• Правый клик → «Открыть с помощью» → выбери Chrome / Edge / Safari
• Сайт откроется в браузере

Это твоя первая версия. Скорее всего — кривая. Это нормально. Дальше — правки.

Шаг 3. Правки — по одному запросу

Открой сайт в браузере и пройдись глазами. На каждую правку — отдельный запрос Claude.

[BAD]

Поменяй цвет, перепиши тексты, добавь форму и сделай мобильную версию.

[GOOD]

Замени серый фон на чуть тёплый бежевый (#F5F1EA), остальное не трогай.

Дальше:

Перепиши заголовок: вместо "Cпециалиста по продажам в Ташкенте" — "Помогаю увеличить продажи бизнеса в 3 раза за 3 месяца".

И так далее. Каждый отдельный запрос → проверяешь → следующий.

Типичный набор правок на первой итерации:

• Цвет фона / акцентный цвет
• Заголовок и подзаголовок
• Один-два пункта в блоке "преимущества"
• Контакты / форма / кнопка
• Адаптив под мобильный («сделай сайт нормально выглядящим на телефоне»)

За 30-40 минут правок ты дойдёшь до версии "ок, можно публиковать".

Шаг 4. Сохранить в GitHub

Сайт работает у тебя на компьютере, но в интернете его пока никто не видит. Сначала — сохраним файлы в надёжное место.

Скажи Claude:

Залей проект на GitHub. Создай новый репозиторий [имя-проекта],
загрузи туда все файлы. Если нужно — спроси мой логин или попроси
авторизоваться. Объясни простыми словами что делаешь.

Claude сам пройдёт цепочку: создаст репозиторий через gh repo create (или попросит тебя авторизоваться через gh auth login), сделает первый коммит, запушит файлы. Тебе ничего не нужно знать про Git вручную.

Шаг 5. Опубликовать в интернете

Файлы в GitHub есть — теперь нужно сделать так, чтобы сайт открывался по адресу. Самый простой и быстрый путь — Cloudflare Pages.

Почему именно Cloudflare:

• Бесплатно для статических сайтов (наш как раз такой)
• узбекистанские карты принимает напрямую при апгрейде
• Очень быстро открывается из Узбекистана (CDN на каждом континенте)
• Подключение свого .uz домена — в пару кликов

Что делать:

1. Зайди на dash.cloudflare.com → войди.
2. Слева — Workers & Pages → Create → Pages → Connect to Git.
3. Авторизуй Cloudflare в твоём GitHub-аккаунте, выбери репозиторий с сайтом.
4. Build settings — оставь пустыми (для простого HTML ничего билдить не надо).
5. Нажми Deploy.

Через минуту получишь адрес вроде myschool.pages.dev. Открываешь — и видишь свой сайт.

Любая правка в Claude → коммит в GitHub → Cloudflare автоматически пересобирает. Никаких ручных обновлений.

[TODO: скрин — Cloudflare Pages dashboard со списком проектов]

Альтернатива — Vercel (vercel.com). Работает так же, тоже бесплатно. Если Cloudflare не зашёл — попробуй Vercel.

Шаг 6. Свой домен .uz или .com

Бесплатный myschool.pages.dev норм для теста, но для бизнеса нужен свой.

.uz-домен — через UZINFOCOM (uzinfocom.uz) или местного регистратора. Стоит обычно 25-200 тыс. сум в год. Регистрация — паспорт + MyID, занимает 5-10 минут.

.com-домен — через Cloudflare Registrar (внутри dash.cloudflare.com), Namecheap или Hover. ~$10/год, регистрация мгновенная по карте.

Подключение к Cloudflare Pages:

1. В разделе своего сайта на Cloudflare Pages → Custom domains → Set up a custom domain
2. Введи домен (например myschool.uz)
3. Cloudflare покажет какие DNS-записи прописать у регистратора
4. Прописываешь, ждёшь 5-30 минут — сайт открывается по своему адресу

Шаг 7. Что добавить дальше

Базовый сайт готов. Дальше можно растить:

• Форма заявок. Попроси Claude добавить форму с отправкой в твой Telegram-бот. Полминуты диалога.
• Аналитика. Подключи Plausible или Umami (privacy-friendly). Google Analytics — тоже работает, но чуть тяжелее.
• Мультиязык. Версия на узбекском по /uz, на русском по /ru. С Claude собирается за час.
• SEO — добавить мета-теги, sitemap.xml, robots.txt. Запрос «сделай базовый SEO для этого сайта» закроет всё сразу.
• Контент-обновления без редактора. Если нужна возможность менять тексты «без программиста» — подключи headless CMS вроде TinaCMS или просто оставь Markdown-файлы в репозитории.

Где люди тормозят

1. Слишком общий первый промпт. «Сделай красивый сайт» → AI делает «средний AI-сайт». Заполни шаблон из шага 1 — разница огромная.

2. Пять правок в одном сообщении. AI делает все пять, две из них криво. Один запрос — одна задача.

3. Спор с AI вместо новой формулировки. «Нет, я хотел не так» → AI не понимает что именно. Лучше: «измени блок X конкретно так: ...».

4. Деплой через российские сервисы. Reg.ru, Beget, Sprinthost — заточены под Россию, оплата сложная из Узбекистана. Cloudflare и Vercel — родной выбор для фаундеров из Узбекистана.

5. Не поставил скилы до старта. Без Frontend Design Claude выдаёт «средний AI-визуал», и ты тратишь час на правки дизайна вместо контента. С ним первая версия уже выглядит на уровне. Минимальный список — в Топ-16 скилсов для Claude.

6. Затягивание на «допили ещё». Сайт никогда не идеален. Опубликуй на 80%, дальше правишь по реальному фидбеку от посетителей.

Что забрать с собой

Главное — не пытаться сделать идеально с первого захода. Промпт → черновик → 20-30 правок по одной → деплой. Так выглядит весь процесс.

После первого сайта второй сделаешь в 2 раза быстрее. Через 3-4 сайта — за час, без напряжения.

Что дальше

• Telegram-бот без ручного кода — первый AI-проект, который запускается за вечер
• AGENTS.md и Memory Bank (paid) — как давать AI постоянную память между сессиями
• Подключаем Notion к AI-агенту (paid) — заставь AI работать с твоей базой знаний
• Топ-16 скилсов для Claude (paid) — какие готовые навыки поставить, чтобы AI делал сайты ещё лучше