Convert screenshots, image links, or sketches into code using LLM (supporting OpenAi、 Gemini、 Qwen-VL (open-source )) technology, and transform them into web pages with the ability to deploy to the cloud with just one click ☁️.
OpenKombai: A free, privacy-first alternative to Kombai. Instantly convert screenshots and designs into production-ready React + Tailwind code using local LLMs (Llama 3.2 Vision & Qwen 2.5). No API keys, zero cloud costs.
Clone any website URL to React + Tailwind code — Claude Code & Codex plugin with visual-diff verification (AE/SSIM, GSAP/Framer Motion/Webflow IX2 extraction).
AI skill for mirroring public webpages into local pixel-perfect replicas with captured assets, visual QA, and rebranding inventories. 像素级复刻公开网站,内置抓取资源、视觉QA能力和品牌替换清单。
Codex skill for turning segmented design images into high-fidelity UnoCSS page code.
Pixel-faithful UI cloning skill for Claude Code, Cursor, Codex CLI, ChatGPT, and Copilot. Anti-hallucination contract + adversarial verification. Built on the SKILL.md open standard.
AI tools to enhance productivity and automate web-scraping
Record your screen, get working code. Screenshot/video → Flutter, HTML, React (TS or JS) with Material 3 + Tailwind. Native C++ capture, pluggable vision models.
截图→可复用的Tailwind组件。MCP Server,支持Claude/Cursor/Windsurf/Copilot等AI工具
Drop any UI screenshot → get production React + Tailwind code instantly
顶级Flutter工程师,专注于像素级截图复刻。
📸 AI Screenshot to Code — Convert UI screenshots to working code using AI
An instrument for turning UI screenshots into clean, semantic HTML and Tailwind — streamed live by GPT-4o vision.
Recover blurry AI-generated UI icon crops as clean SVG/inline HTML with U-Net background removal and Potrace tracing.
Image-to-website Codex skill pipeline: design prototypes, generated assets, and working frontend builds from one reference image.
AI UI compiler & decompiler. Chat to design, paste a screenshot to reverse-engineer into editable layers, export to real React + Tailwind.
Add a description, image, and links to the screenshot-to-code topic page so that developers can more easily learn about it.
To associate your repository with the screenshot-to-code topic, visit your repo's landing page and select "manage topics."