image-to-code

Что делает

• Принудительно применяет image-first workflow: генерирует section-specific design images перед любым кодом, с отдельными крупными изображениями per section в Codex для сохранения readability и extraction quality
• Включает глубокий design analysis rules, охватывающие typography, spacing, color, buttons, components и layout logic, извлечённые прямо из сгенерированных referencias
• Усугубляет общие AI defaults: удаляет nested-box clutter, снижает micro-UI pills и fake labels, держит hero sections clean и readable на маленьких ноутбуках, избегает cards-inside-cards паттернов
• Предоставляет 38 operational directives, охватывающих visual direction (theme, typography, hero architecture, component sets), anti-drift implementation discipline и multi-image consistency enforcement
• Регенерирует неясные секции как fresh standalone images вместо cropping, и генерирует дополнительные detail images когда это улучшает text readability или component analysis