image-to-code

Flame is an open-source multimodal AI system designed to translate UI design mockups into high-quality React code. It leverages vision-language modeling, automated data synthesis, and structured training workflows to bridge the gap between design and front-end development.

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.

17 vendor-neutral Agent Skills (SKILL.md) reimplementing the Codex Creative Production + Product Design plugin workflows. Works with Claude Code, opencode, Cursor, Codex CLI, Gemini CLI, Copilot.

Turn any screenshot/design reference into a precise, copy-paste-ready developer prompt. Upload a screenshot → get exact hex colors, Tailwind classes, animation specs, and component structure — ready for Lovable, Bolt, Replit, or Cursor.

Synthetic data and evaluation pipeline for visual-centric structured diagram generation and editing

AI-powered tool that converts screenshots or design images into clean, usable HTML/CSS code. Simply upload a design image — the AI analyzes the layout and outputs structured code that matches the design, helping you rapidly prototype or build responsive web pages from visuals.

Open-source Codex plugin that converts game UI artwork into semantically layered, editable, and visually validated Cocos Creator 3.8.8 scenes.

Drop any UI screenshot → get production React + Tailwind code instantly

CodeForge — An all-in-one AI-powered code editor built with Streamlit. Instantly write, run, debug, generate, and share code across multiple languages with AI assistance.

This Streamlit app is designed to convert UI designs into code using the power of AI.

Codex Skill for screenshot-to-code and authorized website recreation: React/Vue/HTML, browser parity, editable Studio layers, and safe source roundtrips.

Rebuild a frontend pixel-identical to a reference image. Coding-agent skill (Claude Code, Codex, Cursor) that measures the gap and returns an actionable per-region fix list — category, perceptual colour delta, the DOM element + CSS, and a fix hypothesis — with image strips, SSIM, and a convergence verdict.

I2H Studio is an AI-powered Image-to-HTML code converter that transforms design mockups into clean, responsive code automatically. It speeds up front-end development by generating structured HTML/CSS from visual inputs with high accuracy.

Conversor de mockups web (PNG) para CSS/HTML usando IA de visao. Interface grafica interativa com CustomTkinter.

Skill de Codex que convierte referencias visuales reales en webs originales, sección por sección.

Image2 设计稿到可运行前端代码的 Codex 技能、教程与演示资产

multimodal coding assistant that can analyze images containing code problems and generate solutions in multiple programming languages.

Agent skill for writing outcome-led Claude and Fable prompts for frontend design, UI/UX, image-to-code, and screenshot-led iteration.