leigest519/ScreenCoder

Health v2 · maintenance only

Flags: no_releases

Adoption not part of the score

2951 stars · 312 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded

ScreenCoder is a UI-to-code generation system that converts screenshots or design mockups into clean, editable HTML/CSS using a modular multi-agent architecture combining visual understanding, layout planning, and code synthesis. It also supports customized layout and styling modifications and includes ScreenBench, a benchmark of 1000 real-world web screenshots with corresponding HTML.

Use cases

• convert a UI screenshot into HTML/CSS code
• turn a design mockup into editable front-end code
• generate web page code from an image
• prototype interfaces quickly from screenshots
• benchmark visual-to-code generation models
• customize generated layout and styling from a design draft

When to choose

• you need to translate screenshots or mockups into production-ready HTML/CSS automatically
• you want editable, customizable generated front-end code rather than static images
• you need a benchmark for evaluating visual-to-code generation systems
• you want a modular multi-agent pipeline for UI understanding and code synthesis

When to avoid

• you need pixel-perfect hand-crafted production code without AI generation
• you work with non-web targets like native mobile or desktop UIs
• you cannot run GPU-backed multimodal models or lack API access for inference

Facets

library · maturity active

machine-learning llm-inference agent-framework image-processing artificial-intelligence large-language-models web-development frontend computer-vision python ui-to-code screenshot-to-html multimodal-agents design-to-code front-end-automation html-css-generation vision-language-models benchmark code-generation web-server docker

Member repositories

For agents

markdown · JSON · MCP: product_card(name="leigest519/ScreenCoder")