image-to-code

Что это

Процесс, где визуал идёт впереди кода, для визуальных веб-задач. Агент генерирует референсные изображения секций, вытаскивает из них типографику, отступы, цвет и компоненты, а затем реализует сайт им в соответствие.

Elite website image-to-code skill for Codex. For visually important web tasks, it must first generate the design image(s) itself, deeply analyze them, then implement the website to match them as closely as possible. In C

Почему это важно для дизайна

• Код следует за настоящим визуальным референсом, поэтому реализация не съезжает в типовую раскладку.
• Каждая секция получает собственное крупное изображение, поэтому текст и отступы остаются читаемыми для анализа.
• Герой-секции остаются в пределах трёх строк заголовка и без вложенных стопок контейнеров.

Что внутри

• Mandatory image-first rule
• Generate enough images rule
• Deep image analysis requirement
• Hero minimalism rules
• Anti-drift implementation rule
• Anti-AI-slop rules