Как создать сайт через промпты: пошаговый сценарий под прод

## Короткий ответ

Сайт через промпты реально собрать быстро, если не пропускать технические этапы: структура, контент, мета-теги, мобильная проверка и деплой. Большинство провалов случается не на генерации, а на этапе проверки качества. Рабочий подход — маленькие релизы с измеримым результатом после каждого шага.

• Сначала каркас и контент, потом дизайн и анимации.
• До релиза: canonical, robots, sitemap и мобильная проверка.
• После релиза: переобход и контроль метрик в Метрике/Вебмастере.

Вы научитесь делать сайт (Next.js, Astro, Vite, HTML — любой) только промптами в Codex App. Codex сам создаст репозиторий на GitHub, настроит Cloudflare Pages и включит автоматический деплой.

Skill называется Cloudflare Deploy. Он работает через wrangler и не имеет отдельного поля для токена. Аутентификация делается один раз.

### Шаг 1. Создаём токены (один раз)

GitHub Personal Access Token

1. github.com → Settings → Developer settings → Personal access tokens → Tokens (classic)
2. Generate new token (classic)
3. Название: Codex Deploy
4. Галочки: repo, workflow, delete_repo
5. Скопируйте токен (он появится только один раз).

Cloudflare API Token

1. cloudflare.com → My Profile → API Tokens
2. Create Token → Use template → Edit Cloudflare Workers and Pages
3. Permissions:
   • Account → Cloudflare Pages → Edit
   • Account → Workers → Edit
4. Account Resources → ваш аккаунт
5. Create Token → скопируйте строку (начинается с cf-).

### Шаг 2. Первый запуск skill (один раз, 30–60 секунд)

Откройте Codex App и напишите:

Подготовь Cloudflare Deploy skill.
У меня есть Cloudflare API Token: cf-XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
У меня есть GitHub PAT: ghp_XXXXXXXXXXXXXXXX
Выполни wrangler login с этим токеном и сохрани аутентификацию.

Codex:

• сохранит токены в безопасном окружении навыка
• выполнит wrangler whoami
• подтвердит, что всё работает

С этого момента skill будет работать автоматически при каждом следующем промпте.

### Шаг 3. Создаём сайт (один промпт)

Новый проект → пишем:

Создай современный одностраничный сайт-портфолио на Next.js 15.
Тёмная тема, неоновые акценты cyan и magenta.
Hero с анимированным glowing кубом, секции «Обо мне», «Проекты» (3 карточки), «Контакты».
Используй Tailwind + Framer Motion.
Добавь README.md и .gitignore.

Codex создаст проект и запустит его локально.

### Шаг 4. Пушим на GitHub

Промпт:

Инициализируй git.
Создай публичный репозиторий мой-сайт на GitHub.
Сделай первый коммит «Initial commit by Codex» и запушь.

Codex сделает всё сам.

### Шаг 5. Деплой на Cloudflare Pages + автоматический деплой

Главный промпт (самый важный):

Используй Consolidated Cloudflare Deploy skill.
Разверни этот Next.js проект на Cloudflare Pages.
Назови проект мой-сайт.
Подключи GitHub-репозиторий, который только что создал.
Включи автоматический деплой при каждом push в main.
Используй правильные настройки для Next.js (build command и output directory).
Запусти первый деплой.

Codex:

• создаст проект Pages
• подключит GitHub
• настроит билд
• сделает первый деплой

Через 40–90 секунд он выдаст ссылку https://мой-сайт.pages.dev.

### Шаг 6. Дальнейшая работа (полная автоматизация)

Теперь всё работает так:

Пишешь один промпт → Codex:

1. Изменяет код
2. Делает коммит
3. Пушит в main
4. Cloudflare автоматически передеплоит сайт

Примеры промптов:

• «Сделай glowing куб в hero вращающимся и меняющим цвет от cyan к magenta»
• «Добавь форму обратной связи, которая отправляет сообщение в Telegram»
• «Добавь тёмную/светлую тему с сохранением»

### Если skill попросит escalated permissions

Иногда появляется сообщение:

The deploy needs escalated network access. Want me to proceed?

Отвечайте: Да, выполни с escalated permissions.

### Что читать дальше

• Как обновить дизайн сайта с ИИ: быстрый маршрут без хаоса
• GPT-5.3 Codex Spark: что изменилось для real-time разработки
• Codex Cloud vs Cline vs Cursor: сравнение для вайбкодинга в 2026