abi/screenshot-to-code

Что это за инструмент

Инструмент с открытым исходным кодом, который преобразует скриншоты, макеты и видеозаписи экранов в чистый, функциональный код с помощью ИИ.

Зачем нужен

Ускоряет процесс верстки, позволяя создавать интерфейсы из визуальных материалов без ручного написания HTML/CSS. Полезен для быстрого прототипирования и конвертации существующих дизайнов в рабочий код.

Что можно реализовать

• Генерация кода (HTML/Tailwind/React/Vue) из скриншотов или макетов Figma
• Создание функциональных прототипов на основе видеозаписей работы сайта
• Извлечение реальных изображений и логотипов из исходного скриншота
• Быстрый старт проекта с использованием готовых стеков (Bootstrap, Ionic, Tailwind)

Ключевые возможности

• Поддержка множества стеков: HTML + Tailwind, React, Vue, Bootstrap, Ionic
• Работа с передовыми моделями: Gemini 3 Flash/Pro, GPT-5.5, Claude Opus 4.6/4.8
• Возможность обработки видеозаписей экрана для создания интерактивных прототипов
• Использование Replicate для генерации изображений, удаления фона и редактирования
• Режим визуальной проверки: агент рендерит страницу в headless браузере для самопроверки

👤 Кому подойдёт: разработчики, дизайнеры, создатели прототипов