https://developers.openai.com/blog/designing-delightful-frontends-with-gpt-5-4

Пишут, что 5.4 для дизайна стала гораздо лучше по 3 направлениям:

  • Нативная работа с изображениями. Модель обучена использовать генерацию и поиск картинок прямо в процессе дизайна. Можно попросить сначала сгенерировать мудборд, выбрать визуальное направление, а потом уже верстать

  • Функциональная полнота. Игры, сложные интерфейсы, многостраничные приложения - теперь реально получить рабочий результат за 1-2 промта

  • Самопроверка через Playwright. Это первая массовая модель OpenAI с нативным computer use. Модель сама открывает страницу, проверяет рендер в разных вьюпортах, находит баги в навигации и состояниях


Пишут, что когда промт недостаточно детальный, модель скатывается в высокочастотные паттерны из обучающих данных. На выходе - типичный шаблон: слабая визуальная иерархия, дефолтные шрифты, фиолетовые акценты (и зеленые, блин, как же бесят), карточки везде где не надо.

Практические рекомендации (самое интересное)

  • Начинать с низкого уровня рассуждений. Контринтуитивно, но больше compute не значит лучше дизайн. На низком уровне модель работает быстрее и не переусложняет

  • Задавать дизайн-систему заранее: палитра, типографика, лейаут, максимум 2 шрифта, 1 акцентный цвет

  • Прикладывать визуальные референсы или скриншоты. Это дает модели понимание ритма, пропорций и стиля

  • Писать реальный контент вместо заглушек. Настоящий текст заставляет модель генерировать более адекватные структуры

Рекомендуемый стек: React + Tailwind.

Опубликовали системный промпт для фронтенда (в комментах) и фронтенд-скилл для codex ($skill-installer frontend-skill)

https://developers.openai.com/blog/designing-delightful-frontends-with-gpt-5-4