test.inclient.ru

🍰 Как создать сайт с помощью Codex и GPT-5.6 - пошаговый гайд для новичка Я не программист, но за один вечер собрал два рабочих сайта: приложение для тренировок и интернет-магазин пахлавы . На разработку одной версии ушло около четырех часов. Я говорил что делать, ИИ-агент писал код. В качестве примера взял структуру реального сайта из интернета. Затем агент изменил тематику под новый бизнес. Хороший сайт появляется после 3-5 итераций правок. То есть да, придется попотеть. Теперь пошагово. Полный гайд: https://inclient.ru/codex-site/ . Что потребуется: — платная подписка ChatGPT (тариф Plus или Pro) — приложение Codex для компьютеров — пример сайта из интернета (я покажу где взять) — промты для генерации и тестирования сайта (скачайте здесь ). Шаг 1. Найдите сайт для примера Откройте Awwwards , Framer , Webflow . Выберите сайт с хорошей структурой и дизайном. Покупать шаблон не нужно. Сайт понадобится как пример визуала. Позже вы замените тексты, изображения, цвета, логотип. Шаг 2. Запишите сайт на видео Включите запись экрана и медленно прокрутите страницу сверху вниз. Я использовал Bandicam (бесплатно). Запишите анимацию, этажи, кнопки, подвал и т. п. Codex увидит не только дизайн, но и то, как двигаются элементы. Шаг 3. Подготовьте проект Создайте пустую папку на ПК. Подключите ее в Codex через раздел “Проекты”. Выберите GPT-5.6 Sol. Создай в папке простой одностраничный сайт. Выбери подходящий современный стек сам. Подготовь проект к локальному запуску, но пока не работай над дизайном. Установи зависимости, запусти сайт и проверь, что он открывается без ошибок. Шаг 4. Загрузите видео в Codex В тот же диалог закиньте запись референса. Пусть ИИ-агент повторит сайт (в точности он не сможет это сделать): Проанализируй видео и разработай лендинг с высокой визуальной точностью. Сохрани структуру страницы, расположение элементов, порядок разделов, анимации, переходы и взаимодействия. Копируй тексты и изображения как временный контент