🍰 Как создать сайт с помощью 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❤18
Что в тренде по нейросетям за неделю #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.
Ну, я это про то, что бота можно использовать не только, чтобы сэкономить себе время на чтение каналов (и потреблять только их лучший контент), но и в работе, например, для поиска идей для своего канала, да и просто быть в курсе, о чем говорят в твоей или смежных нишах.
Короче, и для дела сгодится, и для души пригодится.
В итоге залип.
Так как бот фильтрует контент каналов и выдает только сливки, я стал тратить больше времени на мессенджер (ай-яй-яй!). То есть, если раньше я следил за четырьмя интересными каналами, то теперь осилю и пятьдесят. Мне не нужно их листать, бот выдает топы. Забацал еще автоотчеты. В одно и то же время получаю вечернюю сводку новостей, а утром - что обсуждают конкуренты по нейросетям и маркетингу.
Логику вроде всю продумал, осталось отловить критичные баги, косметику навести. Покажу бота на следующей неделе. Пользоваться можно бесплатно.
Мои избранные подборки и гайды
🔥40👍18❤9