ui-to-code

Turn UI screenshots into clickable Codex demos with code UI and real image2 assets.

Turn a UI screen recording into design data, code edits, or a runnable React scaffold. A Claude Code skill.

Click any React UI element, jump to its exact JSX/TSX source, inspect proven API data flow, and prepare reviewable AI patches. Local-first and development-only.

🤖 AI-powered tool that transforms UI designs into structured development blueprints

UI design of professional designers converted in flutter code. Check out different folders for source code. For design credits, do check out README.md of a specific project folder.

Codex skill for converting UI screenshots into structured UI specs and modular code.

A powerful AI agent workflow for Frontend SaaS. Auto generating UI/API code and running E2E tests.

Iqlix Movie is ui Movie for ordering ticket movie, built with react native, slicing from design to code

Open-source Codex Skill: turn authorized screenshots and websites into traceable UI evidence, real frontend code, browser parity, and Studio roundtrips.

End-to-end pipeline converting UI design sketches into runnable frontend/backend code. Integrates UI analysis, prototype generation, API planning, and Vue+SpringBoot codegen.

顶级Flutter工程师，专注于像素级截图复刻。

Layout UI Editor is a powerful WYSIWYG layout builder designed to convert frontend and backend code - including HTML, CSS, JavaScript, and PHP code - into reusable, visual, draggable and configurable UI components.

Turn UI screenshots into inspectable React + Tailwind export packages. An AI UI-scaffolding lab powered by Qwen3-VL & Qwen Code, built with Next.js.

Engineering-to-Supply Chain Automation designed to translate engineering requirements into structured procurement workflows using BOM-driven logic.

check https://guchengxi1994.github.io/taichi_board/ and https://github.com/guchengxi1994/taichi/blob/builder/readme_taichi_board.md for details