Repolode
Предложить
leigest519

leigest519/ScreenCoder

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

Open source альтернатива:Figma to code pluginsLocofyAnima

Открыть на GitHub
Звёзды
3,006
Форки
320
Открытые issues
16
Последний коммит
в прошлом месяце

Что это?

ScreenCoder — система преобразования изображений в код: она принимает скриншот или макет и генерирует HTML/CSS-код фронтенда. Задачи распределены между модулями: обнаружение блоков, поиск элементов интерфейса с помощью движка UIED, создание заглушек и замена изображениями — исходные области скриншота обрезаются и вставляются обратно на страницу.

После генерации разработчики и дизайнеры могут менять полученную компоновку и стили, а не ограничиваться фиксированным результатом. В качестве моделей генерации можно выбрать Doubao (по умолчанию), Qwen, GPT или Gemini; для каждой требуется локальный файл с API-ключом. Доступна демоверсия на Hugging Face, а в репозитории есть код дообучения (SFT и RL) и бенчмарк ScreenBench с парами скриншотов веб-страниц и исходного HTML.

Проект представляет собой исследовательскую кодовую базу, связанную со статьёй для EMNLP 2026. Он запускается последовательностью скриптов Python, а не используется как упакованная библиотека.

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

  • 01Преобразует скриншоты интерфейсов и макеты в HTML/CSS-код.
  • 02Находит компоненты интерфейса с помощью движка UIED и сопоставляет их с областями страницы.
  • 03Заменяет блоки-заглушки фрагментами исходного скриншота.
  • 04Поддерживает модели генерации Doubao, Qwen, GPT и Gemini.
  • 05Включает код дообучения SFT и RL, а также датасет ScreenBench.

Сценарии использования

  • Быстрое создание прототипа веб-страницы по готовому скриншоту или макету.
  • Получение редактируемой основы для кода фронтенда по черновому дизайну.
  • Создание бенчмарка или проведение экспериментов по преобразованию изображений в код.

Темы

#ui-to-code#html-css#multimodal-llm#computer-vision#front-end#code-generation#screenshot-to-code

Частые вопросы

Что такое ScreenCoder?
Преобразует скриншоты интерфейсов и макеты в редактируемый HTML/CSS-код с помощью модульного конвейера из нескольких агентов. ScreenCoder — система преобразования изображений в код: она принимает скриншот или макет и генерирует HTML/CSS-код фронтенда. Задачи распределены между модулями: обнаружение блоков, поиск элементов интерфейса с помощью движка UIED, создание заглушек и замена изображениями — исходные области скриншота обрезаются и вставляются обратно на страницу.
ScreenCoder можно использовать бесплатно? Какая у него лицензия?
ScreenCoder распространяется с открытым исходным кодом под лицензией Apache-2.0. Перед использованием в коммерческих продуктах проверьте условия лицензии.
ScreenCoder всё ещё поддерживается?
Обновлялся за последние 6 месяцев. Последний коммит в ScreenCoder — 15 сент. 2026 г..
Для чего можно использовать ScreenCoder?
Быстрое создание прототипа веб-страницы по готовому скриншоту или макету. Получение редактируемой основы для кода фронтенда по черновому дизайну. Создание бенчмарка или проведение экспериментов по преобразованию изображений в код.
Где скачать ScreenCoder?
Исходный код и инструкции по установке — на GitHub: https://github.com/leigest519/ScreenCoder

Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.

Похожие проекты

sczhou / CodeFormer

Модель восстановления лиц на PyTorch: улучшает повреждённые, некачественные и старые фотографии с помощью трансформера, который подбирает признаки из кодовой книги.

ИИ и машинное обучение#face-restoration#image-restoration#pytorch
18,2 тыс.3,7 тыс.PythonOtherОбновлён 11 месяцев назад

obra / superpowers

Методология разработки ПО и библиотека комбинируемых навыков, которые помогают coding agents проводить мозговой штурм, планировать, следовать TDD и делегировать реализацию субагентам.

ИИ и машинное обучение#ai-agents#coding-agent#test-driven-development
301,6 тыс.26,9 тыс.ShellMITОбновлён 9 дней назад