explaingit

birkenpapier/ai-app-cloner

Analysis updated 2026-05-18

4JavaScriptAudience · developerComplexity · 3/5Setup · moderate

TLDR

Turn screenshots of any mobile app into a working React Native clone. An AI agent looks at your images, rebuilds the screens and navigation, and keeps fixing differences until the result matches the original.

Mindmap

mindmap
  root((repo))
    What it does
      Clones mobile apps
      Uses screenshots as input
      Outputs React Native project
    How it works
      AI agent analyzes screens
      Diff loop fixes visuals
      Renders and compares
    Use cases
      Prototype from existing app
      Recreate UI designs
      Learn app structure
    Tech stack
      JavaScript
      React Native
      Node 18 plus
    Setup
      Clone and install
      Add screenshots
      Run cloning command

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

What do people build with it?

USE CASE 1

Recreate the UI of an existing mobile app as a starting point for your own project.

USE CASE 2

Build a clickable prototype from screenshots of an app you like.

USE CASE 3

Generate a React Native project that matches an app's visual design without writing the UI by hand.

USE CASE 4

Study how an app's screens and navigation fit together by cloning it from photos.

What is it built with?

JavaScriptReact NativeNode.js

How does it compare?

birkenpapier/ai-app-cloneramirmahdavi2023/d1-adminanil-matcha/open-poe-ai
Stars444
LanguageJavaScriptJavaScriptJavaScript
Last pushed2026-06-25
MaintenanceActive
Setup difficultymoderateeasymoderate
Complexity3/52/53/5
Audiencedeveloperdeveloperdeveloper

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · moderate Time to first run · 30min

Requires Node 18+, a compatible AI coding agent such as Claude Code, and a browser automation tool.

In plain English

This project lets you recreate a mobile app from screenshots. You point an AI coding agent at a folder of screenshots taken from any phone app, and the agent figures out the screens, the navigation between them, and the visual design. It then writes a working React Native project that reproduces what you captured. The README shows six example clones built this way, including Discord, Todoist, and Google Keep, all running as real apps with working interactions rather than static images. The reason screenshots are the input comes down to what you can actually extract from a phone app. A website exposes its source code, styles, and assets through browser developer tools. A phone app gives you none of that. You cannot read the markup or copy the styling. You only have the pixels on the screen. Screenshots are the one thing you can capture from any app without special access, and the same folder of images works whether the app runs on iOS or Android. The core challenge is that an image contains no measurements. You cannot read a padding value off a screenshot. The tool solves this with a diff loop. It builds a screen, renders it, takes its own screenshot, compares that against your original, and fixes the differences. It repeats this cycle until the two images match. This loop replaces the convenience that website cloners get for free when they read computed styles from a web page. To use it, you need Node 18 or higher, a compatible AI coding agent, and a browser automation tool. You clone the repository, install dependencies, drop your screenshots into a designated folder, and run a command that triggers the cloning process. The output fills in the blank project you cloned, placing screens, components, and design details directly into the repository structure. There is no separate export step. The skill works across many AI coding agents including Claude Code, Cursor, GitHub Copilot, and others. Claude Code is the only one fully verified so far, with the rest using each agent's own configuration format generated from the same source files.

Copy-paste prompts

Prompt 1
I have screenshots of a mobile app I want to clone. How do I set up and run the ai-app-cloner workflow to turn those images into a working React Native project?
Prompt 2
What AI coding agents are supported by ai-app-cloner, and how do I configure Claude Code or Cursor to run the screenshot-to-app cloning process?
Prompt 3
Explain how the diff loop in ai-app-cloner works, how does it compare the rendered React Native screen against my original screenshot and decide what to fix?
Prompt 4
I cloned the ai-app-cloner repo and added my screenshots to the designated folder. What exact command do I run to start the cloning, and where will the generated components appear?
Prompt 5
Can ai-app-cloner clone both iOS and Android apps, and do the screenshots need to be from a specific device or resolution?

Frequently asked questions

What is ai-app-cloner?

Turn screenshots of any mobile app into a working React Native clone. An AI agent looks at your images, rebuilds the screens and navigation, and keeps fixing differences until the result matches the original.

What language is ai-app-cloner written in?

Mainly JavaScript. The stack also includes JavaScript, React Native, Node.js.

How hard is ai-app-cloner to set up?

Setup difficulty is rated moderate, with roughly 30min to a first successful run.

Who is ai-app-cloner for?

Mainly developer.

Open on GitHub → Explain another repo

This repo across BitVibe Labs

Verify against the repo before relying on details.