Об этом проекте

Screenshot to Code — это open-source инструмент, который преобразует скриншоты, макеты, дизайны из Figma и записи экранов в чистый, функциональный фронтенд-код. Он использует ИИ-модели, такие как Gemini, GPT и Claude, для генерации точных реплик на основе визуальных входных данных. Поддерживаемые выходные стеки включают HTML + Tailwind, HTML + CSS, React + Tailwind, Vue + Tailwind, Bootstrap и Ionic + Tailwind. Инструмент также поддерживает конвертацию записей экрана веб-сайтов в функциональные прототипы, а не только статичные изображения. Возможности, связанные с изображениями и реализованные через Replicate, включают извлечение активов (повторное использование реальных логотипов и изображений из исходного скриншота), генерацию изображений, удаление фона и редактирование изображений. Функция предпросмотра скриншотов рендерит сгенерированные страницы в headless-браузере для визуальной самопроверки. Проект состоит из фронтенда на React/Vite и бэкенда на FastAPI. Его можно запустить локально с API-ключами хотя бы одного поставщика (OpenAI, Anthropic или Gemini) или развернуть через Docker. Ключи Gemini и Replicate настоятельно рекомендуются для наилучшей точности и полной поддержки функций. Варианты использования: - Хостится на screenshottocode.com для быстрого использования без настройки. - Можно разместить самостоятельно локально для кастомизации, участия в разработке или приватного развёртывания.