Исходная задача звучала просто: сделать что-то яркое и впечатляющее, чтобы показать возможности скилла. Но вместо одного демо получился публичный шоукейс из пяти самостоятельных интерактивных опытов.
Главный результат не в том, что Codex «быстро сверстал страницы». Важно другое: правильная последовательность skills превратила универсального агента в рабочую команду, где один слой отвечает за характер, другой — за точность, третий — за публикацию, а человек удерживает направление и финальное решение.
Результат
5 опытов
Пять разных визуальных систем, объединённых в один публичный шоукейс.
Скорость
~1 час
От первой идеи до работающей версии; упаковка в пост и статью шла отдельно.
Слои
4 роли
gpt-taste, Impeccable, Sites и GSAP отвечали за характер, точность, выпуск и движение.
Рабочий контур
В этой задаче Codex был не одним универсальным исполнителем, а местом, где разные скиллы включались в правильном порядке. Сначала появился характер, затем дисциплина интерфейса, потом публикация и слой движения.
Первый проход помог уйти от типовой карточной сетки, выбрать сильную типографику, смелую композицию и общий anti-slop регистр.
Следующий проход выровнял отступы, ширину текстовых блоков, иерархию, адаптивность и спорные места в визуальной системе.
Шоукейс не остался локальным прототипом: страницы получили публичные URL, общую навигацию и возможность быстро выпускать новые версии.
Закреплённые секции, переходы при прокрутке, горизонтальные маршруты и анимация помогли показать ИИ через действие, а не только через текст.
Пять опытов
Смысл был не в том, чтобы сделать пять похожих страниц. Каждый опыт получил свою визуальную метафору и отдельный сценарий просмотра: от профессиональных ролей до карты применений и манифеста против привычной «нейросеточной» эстетики.
Одна рабочая задача проходит через исследователя, редактора, продюсера, аналитика и разработчика.
Отдельные инструменты перестраиваются в маршрут: задача -> подход -> инструмент -> практика -> система.
Практический ИИ показан как карта направлений: работа, обучение, управление, исследования, творчество и автоматизация.
Экран разделён на две реальности и показывает, как меняется организация той же работы.
Визуальный манифест без роботов, фиолетового свечения и цифровых мозгов: вместо этого реальные задачи, руки, бумага и мастерские.
Пять страниц связаны общей навигацией, баннером «Перезагрузки» и публичным входом без авторизации.
Что вошло в проход
За один рабочий проход удалось собрать концепцию, архитектуры экранов, изображения, движение, адаптивную вёрстку, навигацию, баннер программы и публичный выпуск. Это не лабораторный тест, а хороший пример того, как роль, контекст и проверка ускоряют работу.
Роль человека
В статье важна честная граница: человек выбирал направление, утверждал варианты и замечал детали, которые нельзя делегировать вслепую. Например, обрезанный логотип в баннере, неправильный перенос заголовка и ссылка `PIMENOV.AI`, которая должна вести на основной сайт.
Сергей выбирал, какой опыт оставить, что усилить и где визуальный эффект работает на смысл, а где превращается в шум.
Лендинги оценивались не по описанию модели, а как живые страницы: открыть, прокрутить, увидеть переносы, навигацию, движение и баги.
Codex исправлял замеченные детали и быстро выпускал обновлённые публичные варианты через Sites.
Скорость генерации полезна только тогда, когда есть человек, который понимает, что оставить, что убрать и где работа действительно стала лучше.
Итог
Кейс показал, что Codex со скиллами становится рабочим слоем между намерением и публичным результатом. Идея, визуальная система, проверка, выпуск и последующая правка собираются в один короткий цикл.
Пять интерактивных лендингов опубликованы как открытый шоукейс, который можно показывать, открывать и проверять руками.
Сначала роль и направление, затем дизайн-контракт, потом публикация, движение, проверка и финальное человеческое решение.
Вместо абстрактного рассказа о возможностях появился объект, который показывает работу ИИ через сценарии, маршруты и интерфейс.
Такой контур подходит для быстрых визуальных прототипов, образовательных материалов, презентаций идей и проверки новых форматов сайта.
Источник
В статье разобраны исходный запрос, роли gpt-taste, Impeccable, Sites и GSAP, пять визуальных опытов, то, что реально поместилось в один час, и место человека в этой работе.
Разборы
Разбор
Пересборка главной и визуального языка pimenov.ai: от внешнего разбора через Comet до более цельного, взрослого и управляемого сайта.
Открыть разбор →Разбор
Идея внешней проверки стала рабочим Codex-скиллом, публичным GitHub-репозиторием и сразу прошла проверку на настоящем архитектурном риске.
Открыть разбор →Разбор
Связка человека, агента, Notion и кода, в которой мысль быстро превращается в опубликованный результат на живом сайте.
Открыть разбор →