vibecode.wiki
RU EN
~/wiki / interfeis-i-sayty / как-создать-сайт-только-через-промты

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

◷ 4 мин чтения 13.02.2026
Codex Coludflare Автодеплой

Следующий шаг

Открой бота или продолжай маршрут внутри раздела.

$ cd раздел/ $ open @mmorecil_bot

Статья -> план в ИИ

Отправь ссылку на эту статью в любой ИИ и получи план внедрения под свой проект.

Прочитай эту статью: https://vibecode.morecil.ru/ru/interfeis-i-sayty/%D0%BA%D0%B0%D0%BA-%D1%81%D0%BE%D0%B7%D0%B4%D0%B0%D1%82%D1%8C-%D1%81%D0%B0%D0%B9%D1%82-%D1%82%D0%BE%D0%BB%D1%8C%D0%BA%D0%BE-%D1%87%D0%B5%D1%80%D0%B5%D0%B7-%D0%BF%D1%80%D0%BE%D0%BC%D1%82%D1%8B/ Работай в контексте моего текущего проекта. Сделай план внедрения под мой стек: 1) что изменить 2) в каких файлах 3) риски и типичные ошибки 4) как проверить, что всё работает Если есть варианты, дай "быстрый" и "production-ready".
Как использовать
  1. Скопируй этот промпт и отправь в чат с ИИ.
  2. Прикрепи проект или открой папку репозитория в ИИ-инструменте.
  3. Попроси изменения по файлам, риски и короткий чеклист проверки.

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

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

  • Сначала каркас и контент, потом дизайн и анимации.
  • До релиза: 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.

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

$ cd ../ ← назад к Интерфейс и сайты

$ nav --prev

—

$ nav --next

Как обновить дизайн сайта с ИИ: быстрый маршрут без хаоса