Сценарий применения
Промпт для постановки задачи Codex без поломки проекта
Сценарий для постановки технической задачи Codex с учётом архитектуры, ограничений проекта и понятного отчёта по изменениям.
Подходящие промпты
Выберите готовый вариант и адаптируйте вводные под свою модель, исходные данные и формат результата.
Создание адаптивного фронтенда по скриншотам с помощью Codex
Преобразуйте скриншоты и визуальные референсы в адаптивный интерфейс с визуальной проверкой результата. Codex можно использовать для того, чтобы превратить скриншоты, дизайн-описания и референсы в рабочий код, который соответствует дизайн-системе текущего проекта. После этого через Playwright можно открыть страницу в браузере, сравнить результат с эталоном на разных разрешениях и при необходимости доработать вёрстку и поведение интерфейса.
Как использовать
- Уточните цель, исходные данные и желаемый формат ответа.
- Замените переменные в промпте на свои вводные.
- Проверьте результат и добавьте ограничения, если модель ушла в сторону.
Для каких нейросетей подходит
Сценарий можно адаптировать под ChatGPT, Gemini, Claude и другие модели. Для генерации изображений учитывайте синтаксис конкретного сервиса.
Частые ошибки
- Слишком общий запрос без контекста и ограничений.
- Попытка использовать один и тот же текст без адаптации под модель.
- Отсутствие проверки фактов, визуальных деталей или требований площадки.
Что включить в задачу
Опишите цель, стек, важные директории, что нельзя менять, ожидаемые файлы, критерии готовности и проверки. Чем яснее границы, тем меньше риск лишних правок.
Формат результата
Попросите Codex сначала изучить код, затем внести минимальные изменения, выполнить доступные проверки и кратко перечислить изменённые файлы.
FAQ
Нужно ли давать Codex весь контекст проекта?
Достаточно дать ключевые правила, а остальное попросить проверить в кодовой базе.
Что делать с большими задачами?
Разбивайте их на этапы: схема, маршруты, UI, тесты и документация.