Войти
UI / Дизайн

Скриншот-ту-код (Screenshot-to-Code)

💡
Суть в одном предложении:

Показал нейросети скриншот сайта — получил готовый код верстки.

Развернутое определение

Вайбкодинг-паттерн, при котором разработчик загружает изображение референса или макета в мультимодальную модель (Claude Sonnet 3.7 / GPT-5), а агент воссоздает разметку и стили.

Пример из практики

Скриншот карточки товара из Dribbble превращается в готовый компонент на Tailwind за 30 секунд.
Как говорят в чатах вайбкодеров
«Сделай скриншот-ту-код этого блока и примени наши цвета из globals.css»
Как говорит классический инженер
«Vision-based code extraction from UI raster mocks.»