🍰 Как создать сайт с помощью 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
В тот же диалог закиньте запись референса. Пусть ИИ-агент повторит сайт (в точности он не сможет это сделать):
Codex изучит видео и соберет сайт с дизайном.
Шаг 5. Исправьте ошибки
Идеального результата после первого запроса не будет. Обычно ломаются: сложные анимации, отступы, отдельные визуальные блоки.
Сравните сайт с оригиналом. Сделайте скриншоты ошибок, отметьте проблемные места, отправьте Codex правки.
После этого:
Обычно нормальный результат появляется после 3-5 итераций.
Шаг 6. Проверьте мобильную версию
В браузере нажмите F12. Посмотрите сайт на экранах смартфона и планшета. Проверьте нет ли ошибок в дизайне, не тормозит ли сайт.
Шаг 7. Переделайте сайт под свой бизнес
Когда структура и анимации заработают, замените чужой контент на свой.
Загрузите логотип, тексты и фотографии (или попросите агента создать с нуля).
Шаг 8. Опубликуйте сайт
Купите обычный хостинг и домен (по цене 400-600 руб в месяц). Я использую Hostland. Передайте Codex данные FTP. Пусть он соберет рабочую версию, загрузит файлы и проверит сайт.
Как использовать модели:
— GPT-5.6 Sol: для сложных задач (архитектура проекта, дизайн, анимации)
— GPT-5.6 Terra: переделка разделов, тексты, ошибки
— GPT-5.6 Luna: мелкие правки.
Получить идеалити-сайт одним запросом не получится. Соберите черновик, исправьте ошибки, проверьте мобилку. Потом адаптируйте проект под свой бизнес.
Мои избранные подборки и гайды
Я не программист, но за один вечер собрал два рабочих сайта: приложение для тренировок и интернет-магазин пахлавы.
На разработку одной версии ушло около четырех часов. Я говорил что делать, ИИ-агент писал код. В качестве примера взял структуру реального сайта из интернета. Затем агент изменил тематику под новый бизнес.
Хороший сайт появляется после 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
В тот же диалог закиньте запись референса. Пусть ИИ-агент повторит сайт (в точности он не сможет это сделать):
Проанализируй видео и разработай лендинг с высокой визуальной точностью. Сохрани структуру страницы, расположение элементов, порядок разделов, анимации, переходы и взаимодействия. Копируй тексты и изображения как временный контент. Запусти сайт локально и проверь, что он работает без ошибок.
Codex изучит видео и соберет сайт с дизайном.
Шаг 5. Исправьте ошибки
Идеального результата после первого запроса не будет. Обычно ломаются: сложные анимации, отступы, отдельные визуальные блоки.
Сравните сайт с оригиналом. Сделайте скриншоты ошибок, отметьте проблемные места, отправьте Codex правки.
После этого:
Протестируй сайт: проверь точность дизайна, адаптивность, шрифты, отступы, цвета, анимации, кнопки, формы, скорость загрузки, ошибки в консоли и плавность работы. Исправь найденные проблемы и повтори проверку.
Обычно нормальный результат появляется после 3-5 итераций.
Шаг 6. Проверьте мобильную версию
В браузере нажмите F12. Посмотрите сайт на экранах смартфона и планшета. Проверьте нет ли ошибок в дизайне, не тормозит ли сайт.
Проверь мобильный вид страницы на смартфонах и планшетах. Исправь ошибки адаптивности. Сохрани общий вид и анимации настольной версии. После правок кратко перечисли, что было сломано и что ты изменил.
Шаг 7. Переделайте сайт под свой бизнес
Когда структура и анимации заработают, замените чужой контент на свой.
Загрузите логотип, тексты и фотографии (или попросите агента создать с нуля).
Замени тему сайта на [ваша тема]. Измени тексты, изображения, логотип, фавикон, отзывы, цвета и коммерческие элементы. Не меняй текущую структуру страницы. Полностью адаптируй сайт под новый бизнес.
Шаг 8. Опубликуйте сайт
Купите обычный хостинг и домен (по цене 400-600 руб в месяц). Я использую Hostland. Передайте Codex данные FTP. Пусть он соберет рабочую версию, загрузит файлы и проверит сайт.
Как использовать модели:
— GPT-5.6 Sol: для сложных задач (архитектура проекта, дизайн, анимации)
— GPT-5.6 Terra: переделка разделов, тексты, ошибки
— GPT-5.6 Luna: мелкие правки.
Получить идеалити-сайт одним запросом не получится. Соберите черновик, исправьте ошибки, проверьте мобилку. Потом адаптируйте проект под свой бизнес.
Мои избранные подборки и гайды
🔥57👍25❤19
Что в тренде по нейросетям за неделю #22
Лучшее за 24 июля - 2 августа 2026 года:
https://vc.ru/ai/3058454-trendy-nevrossetey-besplatnye-tokeny-kimi-k3 (робот-кентавр с бензопилой, ИИ-агент взломал Hugging Face, общие чаты Claude попали в Google, Opus 5 сделал шутер в духе Call of Duty и другие).
* * *
+ полезности:
👨🏻💻TokenRouter раздает 50 млн бесплатных токенов для Kimi K3
🧠 Один из главных инженеров Claude Code рассказал как выжать максимум из нейросети
🎁 На Internshala нашли акцию с бесплатным Google AI Plus на 12 месяцев. Внутри Gemini, NotebookLM, Flow и 400 ГБ облака
📦 Бесплатный набор скиллов проверяет цвета, шрифты, отступы, и т. п., а потом дает готовый список правок
📚 Инженер Anthropic объяснил, почему длинные промты теперь только мешают
🎤 Предприниматель поделился, что использует ChatGPT Voice во время прогулок и поездок. Так он выполняет задачи в два раза быстрее, чем за компьютером
👀 Если ищете работу, попробуйте Claude как тренажер перед собеседованием. Пользователь Reddit загрузил вакансию и свой опыт, а Claude провел с ним интервью и разобрал слабые ответы. В итоге парень получил работу
💭Если ИИ-агент узнал как лучше решить задачу, сохранить его навык в готовом сценарии, не тратьте токены повторно
✍🏻 Claude Code можно дать фото рукописного текста и попросить собрать из него шрифт. Так можно даже сохранить почерк человека
📈 Claude Opus 5 за 37 минут изучил открытые данные по NVIDIA и собрал подробный отчет со ссылками на источники прямо в Excel
📝 Один бизнесмен сказал, что эта статья отлично объясняет, почему разные компании по ИИ делают свои модели по-разному
🏗 Kimi K3 помогла сократить работу над проектом гостиницы на 190 номеров и подготовила детализированный чертеж
✒️ Популярный промт убирает типичные признаки машинного текста и помогает очеловечить ИИ-тексты
Тут предыдущий выпуск.
#нейронаходки
Мои избранные подборки и гайды
Лучшее за 24 июля - 2 августа 2026 года:
https://vc.ru/ai/3058454-trendy-nevrossetey-besplatnye-tokeny-kimi-k3 (робот-кентавр с бензопилой, ИИ-агент взломал Hugging Face, общие чаты Claude попали в Google, Opus 5 сделал шутер в духе Call of Duty и другие).
* * *
+ полезности:
👨🏻💻TokenRouter раздает 50 млн бесплатных токенов для Kimi K3
🧠 Один из главных инженеров Claude Code рассказал как выжать максимум из нейросети
🎁 На Internshala нашли акцию с бесплатным Google AI Plus на 12 месяцев. Внутри Gemini, NotebookLM, Flow и 400 ГБ облака
📦 Бесплатный набор скиллов проверяет цвета, шрифты, отступы, и т. п., а потом дает готовый список правок
📚 Инженер Anthropic объяснил, почему длинные промты теперь только мешают
🎤 Предприниматель поделился, что использует ChatGPT Voice во время прогулок и поездок. Так он выполняет задачи в два раза быстрее, чем за компьютером
👀 Если ищете работу, попробуйте Claude как тренажер перед собеседованием. Пользователь Reddit загрузил вакансию и свой опыт, а Claude провел с ним интервью и разобрал слабые ответы. В итоге парень получил работу
💭Если ИИ-агент узнал как лучше решить задачу, сохранить его навык в готовом сценарии, не тратьте токены повторно
✍🏻 Claude Code можно дать фото рукописного текста и попросить собрать из него шрифт. Так можно даже сохранить почерк человека
📈 Claude Opus 5 за 37 минут изучил открытые данные по NVIDIA и собрал подробный отчет со ссылками на источники прямо в Excel
📝 Один бизнесмен сказал, что эта статья отлично объясняет, почему разные компании по ИИ делают свои модели по-разному
🏗 Kimi K3 помогла сократить работу над проектом гостиницы на 190 номеров и подготовила детализированный чертеж
✒️ Популярный промт убирает типичные признаки машинного текста и помогает очеловечить ИИ-тексты
Тут предыдущий выпуск.
#нейронаходки
Мои избранные подборки и гайды
🔥25👍13❤12
Собирал недавно сайт на Codex и убедился в очевидном: с первого промпта идеального результата не бывает. Нормальный вид появляется после 3-5 итераций, когда сравниваешь с оригиналом, отмечаешь косяки, отправляешь правки, и по кругу. Один запрос в чат даёт черновик. Результат - это то, что получается после встроенного в работу процесса: шаблонов, шагов, повторной проверки.
5 августа на «Вайбворкинге» ровно об этой разнице: у большинства нейросеть так и остаётся чатом, куда изредка заходят с вопросом. А у шести спикеров конференции она встроена в рабочие процессы: папки проектов, контекст команды, правила. Каждый показывает свой кусок системы на своей команде и своих деньгах:
— Алексей Ткачук (@dnative): где AI ускоряет SMM, а где ему пока не место
— Роман Кумар Виас (@solokumi): сервисы, скиллы и MCP для дизайна и генерации, которыми команда пользуется каждый день
— Дмитрий Думик (@dumik): как настроить AI под команду, где живут промпты, кто их обновляет, как передавать новым людям
— Алексей Подклетнов (@disruptors_official): пять кейсов, где ИИ пересобрал весь подход к продвижению
— Дмитрий Бескромный (@dbeskromny): как жить с AI без FOMO, плюс 5 инструментов на вторую половину 2026
— Кирилл Гурбанов (@kgrbnv): стратег-сессия, где ИИ спорит с вашими предпосылками
5 августа, 18:00–21:00 мск. Бесплатно. Условие - подписка на каналы шести спикеров: пару из них вы наверняка и так читаете.
Регистрируйтесь здесь → https://s.salebot.pro/r/conf5_1?utm_source=inclient
5 августа на «Вайбворкинге» ровно об этой разнице: у большинства нейросеть так и остаётся чатом, куда изредка заходят с вопросом. А у шести спикеров конференции она встроена в рабочие процессы: папки проектов, контекст команды, правила. Каждый показывает свой кусок системы на своей команде и своих деньгах:
— Алексей Ткачук (@dnative): где AI ускоряет SMM, а где ему пока не место
— Роман Кумар Виас (@solokumi): сервисы, скиллы и MCP для дизайна и генерации, которыми команда пользуется каждый день
— Дмитрий Думик (@dumik): как настроить AI под команду, где живут промпты, кто их обновляет, как передавать новым людям
— Алексей Подклетнов (@disruptors_official): пять кейсов, где ИИ пересобрал весь подход к продвижению
— Дмитрий Бескромный (@dbeskromny): как жить с AI без FOMO, плюс 5 инструментов на вторую половину 2026
— Кирилл Гурбанов (@kgrbnv): стратег-сессия, где ИИ спорит с вашими предпосылками
5 августа, 18:00–21:00 мск. Бесплатно. Условие - подписка на каналы шести спикеров: пару из них вы наверняка и так читаете.
Регистрируйтесь здесь → https://s.salebot.pro/r/conf5_1?utm_source=inclient
👍6❤5⚡2🔥2
Я подписан на три-четыре телеграм-канала. И те толком не читаю. Захожу пару раз в день, смотрю на реакции - там, где больше, пробегаю глазами получше.
Жаль, что в Telegram на смартфоне нельзя смотреть пересылки - это главный признак вирусного поста. Если пересылки растут - пост пошел в массы, а значит, тут что-то интересное или полезное. Иногда, ради интереса, или, не знаю, это причуда автора, работа которого - постить что-то годное (как повезет на самом деле), я проверяю, откуда у поста ноги растут. Бывает так что событие ни о чем, но админы каналов его так блестяще упакуют, что сам Джон Кейплз позавидует.
И вот.
Решил я навайбкодить себе бота.
Который показывает только лучшие посты.
По охватам. По реакциям. По пересылкам.
Первые две метрики указывают на то, насколько хорошо пост зацепил свою аудиторию, последние - насколько сильно его понесли дальше по Telegram.
Ну, я это про то, что бота можно использовать не только, чтобы сэкономить себе время на чтение каналов (и потреблять только их лучший контент), но и в работе, например, для поиска идей для своего канала, да и просто быть в курсе, о чем говорят в твоей или смежных нишах.
Короче, и для дела сгодится, и для души пригодится.
В итоге залип.
Так как бот фильтрует контент каналов и выдает только сливки, я стал тратить больше времени на мессенджер (ай-яй-яй!). То есть, если раньше я следил за четырьмя интересными каналами, то теперь осилю и пятьдесят. Мне не нужно их листать, бот выдает топы. Забацал еще автоотчеты. В одно и то же время получаю вечернюю сводку новостей, а утром - что обсуждают конкуренты по нейросетям и маркетингу.
Логику вроде всю продумал, осталось отловить критичные баги, косметику навести. Покажу бота на следующей неделе. Пользоваться можно бесплатно.
Мои избранные подборки и гайды
Жаль, что в Telegram на смартфоне нельзя смотреть пересылки - это главный признак вирусного поста. Если пересылки растут - пост пошел в массы, а значит, тут что-то интересное или полезное. Иногда, ради интереса, или, не знаю, это причуда автора, работа которого - постить что-то годное (как повезет на самом деле), я проверяю, откуда у поста ноги растут. Бывает так что событие ни о чем, но админы каналов его так блестяще упакуют, что сам Джон Кейплз позавидует.
И вот.
Решил я навайбкодить себе бота.
Который показывает только лучшие посты.
По охватам. По реакциям. По пересылкам.
Первые две метрики указывают на то, насколько хорошо пост зацепил свою аудиторию, последние - насколько сильно его понесли дальше по Telegram.
Ну, я это про то, что бота можно использовать не только, чтобы сэкономить себе время на чтение каналов (и потреблять только их лучший контент), но и в работе, например, для поиска идей для своего канала, да и просто быть в курсе, о чем говорят в твоей или смежных нишах.
Короче, и для дела сгодится, и для души пригодится.
В итоге залип.
Так как бот фильтрует контент каналов и выдает только сливки, я стал тратить больше времени на мессенджер (ай-яй-яй!). То есть, если раньше я следил за четырьмя интересными каналами, то теперь осилю и пятьдесят. Мне не нужно их листать, бот выдает топы. Забацал еще автоотчеты. В одно и то же время получаю вечернюю сводку новостей, а утром - что обсуждают конкуренты по нейросетям и маркетингу.
Логику вроде всю продумал, осталось отловить критичные баги, косметику навести. Покажу бота на следующей неделе. Пользоваться можно бесплатно.
Мои избранные подборки и гайды
🔥46👍21❤11
This media is not supported in your browser
VIEW IN TELEGRAM
17-летняя девушка зарабатывает 10+ тыс долларов в неделю на создании сайтов с помощью ИИ. Она просто находит на картах компании с устаревшими сайтами и предлагает им свои услуги. Затем за 20-30 минут вайбкодит новый сайт в Claude или Lovable и продает готовый результат клиенту. Гениально.
А теперь, почему это чушь полная.
Новость подана так: нашла плохой сайт на картах, написала владельцу, продала новый за тысячи баксов. Но кто ответит ноунейму? По данным Hunter, 71% руководителей шлют входящие холодные письма лесом, так как не видят в них пользы.
Представьте, у вас бизнес, у вас сотрудники, клиенты, поставщики и еще десять проблем на сегодня (про налоги, бензин, БПЛА я вообще молчу). И тут пишет какая-то семнадцатилетка: “Я посмотрела ваш сайт, он устарел. Вот новый, будете покупать?”. Первая мысль: “Гениально! Куда переводить $5000?”. А вторая: “Да епт твою мать, кто ты вообще такая и зачем мне это нужно?”.
Плохой сайт не означает, что владелец хочет новый. У человека может быть убогий сайт а-ля 2012 года, но при этом он получает заказы через объявления, карты, маркетплейсы, сарафанное радио. Ему без разницы, как модно выглядит первый экран. Он, может, сделал его, чтобы был как у всех, и забыл.
Ну хорошо, а что если искать заказчика на фрилансе?
Отличная идея!
Проблема в том, что вы не один такой умный. Ваши главные конкуренты: студенты и домохозяйки, насмотревшиеся видосов про успешных вайбкодеров. Изюминка на торте: по данным hh.ru, в IT число вакансий за год рухнуло на 39%, а резюме стало на 30% больше. На одну вакансию приходится уже 21 резюме. Сам HH считает все, что выше 12, “крайне высокой конкуренцией”. Угадайте, куда пошли эти люди?
Да, нейросеть соберет сайт за полчаса.
Но на правки уйдет в пять раз больше времени.
Первая версия - всегда косячная.
Текст наезжает на визуал, едет мобильная верстка, сайт тормозит из-за анимации, нет SEO-оптимизации.
И это простой сайт.
Добавьте отправку заявок в форме, аналитику, оплату. Еще установка сайта: нужен хостинг, домен, SSL-сертификат. Надо настроить. А пережить хотелки клиента? “А давайте эту кнопку сделаем левее”, “шрифт не нравится”, “можно как у конкурента Васи, только лучше?”. И вот ваши 20 минут превращаются в несколько часов нудных тестов и исправлений.
Ну и последнее.
Было бы странным, если бы эта схема монетизации ИИ работала так просто. Рынок давно бы уже забился людьми, которые зарабатывают на сайтах, сгенерированных за 20 минут.
Но этого не происходит.
Деньги тут зарабатываются не с помощью волшебного ИИ, а как и раньше, все зависит от: как ты найдешь клиента, как убедишь его заплатить, как сдашь сайт и будешь ли отвечать за него, чтобы укрепить репутацию и привлечь новых клиентов.
#чушь_полная
Мои избранные подборки и гайды
А теперь, почему это чушь полная.
Новость подана так: нашла плохой сайт на картах, написала владельцу, продала новый за тысячи баксов. Но кто ответит ноунейму? По данным Hunter, 71% руководителей шлют входящие холодные письма лесом, так как не видят в них пользы.
Представьте, у вас бизнес, у вас сотрудники, клиенты, поставщики и еще десять проблем на сегодня (про налоги, бензин, БПЛА я вообще молчу). И тут пишет какая-то семнадцатилетка: “Я посмотрела ваш сайт, он устарел. Вот новый, будете покупать?”. Первая мысль: “Гениально! Куда переводить $5000?”. А вторая: “Да епт твою мать, кто ты вообще такая и зачем мне это нужно?”.
Плохой сайт не означает, что владелец хочет новый. У человека может быть убогий сайт а-ля 2012 года, но при этом он получает заказы через объявления, карты, маркетплейсы, сарафанное радио. Ему без разницы, как модно выглядит первый экран. Он, может, сделал его, чтобы был как у всех, и забыл.
Ну хорошо, а что если искать заказчика на фрилансе?
Отличная идея!
Проблема в том, что вы не один такой умный. Ваши главные конкуренты: студенты и домохозяйки, насмотревшиеся видосов про успешных вайбкодеров. Изюминка на торте: по данным hh.ru, в IT число вакансий за год рухнуло на 39%, а резюме стало на 30% больше. На одну вакансию приходится уже 21 резюме. Сам HH считает все, что выше 12, “крайне высокой конкуренцией”. Угадайте, куда пошли эти люди?
Да, нейросеть соберет сайт за полчаса.
Но на правки уйдет в пять раз больше времени.
Первая версия - всегда косячная.
Текст наезжает на визуал, едет мобильная верстка, сайт тормозит из-за анимации, нет SEO-оптимизации.
И это простой сайт.
Добавьте отправку заявок в форме, аналитику, оплату. Еще установка сайта: нужен хостинг, домен, SSL-сертификат. Надо настроить. А пережить хотелки клиента? “А давайте эту кнопку сделаем левее”, “шрифт не нравится”, “можно как у конкурента Васи, только лучше?”. И вот ваши 20 минут превращаются в несколько часов нудных тестов и исправлений.
Ну и последнее.
Было бы странным, если бы эта схема монетизации ИИ работала так просто. Рынок давно бы уже забился людьми, которые зарабатывают на сайтах, сгенерированных за 20 минут.
Но этого не происходит.
Деньги тут зарабатываются не с помощью волшебного ИИ, а как и раньше, все зависит от: как ты найдешь клиента, как убедишь его заплатить, как сдашь сайт и будешь ли отвечать за него, чтобы укрепить репутацию и привлечь новых клиентов.
#чушь_полная
Мои избранные подборки и гайды
💯36👍19❤16🔥3⚡1