Build, clone, and ship mobile apps like Lego — powered by AI agents.
简体中文 | English
Open App Studio (OAS) is an open-source platform for building mobile apps visually, with AI doing the heavy lifting:
- 🧱 Build like Lego — compose apps from blocks (screens, components, flows). AI generates any component you describe.
- 🤖 Clone any app — give the agent an App Store / Google Play link. A multi-agent crew installs the app on a device farm, explores every screen, learns all interaction paths, and produces an Interaction Flow Graph (IFG) — a replayable, visual map of the app that can be viewed, edited, and used as a blueprint to build your own version.
- 🚀 Ship to stores — one pipeline from canvas to signed builds and App Store / Google Play submission (iOS & Android).
🚧 Active development. The App Clone Engine (URL → live exploration → Interaction Flow Graph → editable blueprint → Expo codegen) and the Studio canvas work end to end. See Roadmap.
pnpm install
pnpm dev # builds everything, then runs gateway (:4400) + studio (:3100); Ctrl+C stops bothOpen http://localhost:3100 and hit ▶ Clone (empty input = fake-device demo, no emulator needed).
For real Android apps: have an emulator running with the target app installed (adb install app.apk), pick the adb driver, and set ANDROID_HOME / OAS_LLM_API_KEY in .env (see .env.example). Override ports with GATEWAY_PORT / STUDIO_PORT.
App builders existed for a decade; what changed is that AI agents can now see and operate apps. That unlocks two things no-code tools never had:
- Generation instead of configuration — describe a component, get a working block.
- Learning from existing apps — the best spec for "an app like X" is X itself. OAS turns a store link into a structured, buildable blueprint.
flowchart LR
subgraph Studio["🎨 Studio (Web)"]
Canvas[Visual Builder]
FlowViewer[Flow Graph Viewer]
CompGen[AI Component Generator]
end
subgraph CloneEngine["🤖 App Clone Engine"]
Orchestrator[Orchestrator Agent]
Scouts[Explorer Agents × N]
Cartographer[Cartographer Agent]
DeviceFarm[Device Farm<br/>iOS Simulator / Android Emulator]
end
subgraph Core["📦 Core"]
IFG[(Interaction Flow Graph)]
Registry[(Component Registry)]
AppSpec[(App Spec DSL)]
end
subgraph Ship["🚀 Ship"]
Codegen[Codegen → React Native / Expo]
Build[Cloud Build & Sign]
Publish[App Store / Play Publishing]
end
StoreLink([App Store / Play URL]) --> Orchestrator
Orchestrator --> Scouts --> DeviceFarm
Scouts --> Cartographer --> IFG
IFG --> FlowViewer
IFG --> AppSpec
CompGen --> Registry
Canvas --> AppSpec
Registry --> AppSpec
AppSpec --> Codegen --> Build --> Publish
| Doc | What it covers |
|---|---|
| Architecture | System overview, tech stack, data flow |
| App Clone Agent | v1 core feature — multi-agent app exploration & learning |
| Interaction Flow Graph | The IFG data model + JSON schema |
| Component System | Block DSL, AI component generation, registry |
| Build & Publish | Codegen, cloud builds, store submission |
| Roadmap | Milestones M0–M4 |
apps/
studio/ # Next.js web app — visual builder + flow viewer
gateway/ # API server — agent orchestration, jobs, auth
packages/
flow-graph/ # IFG types, schema, graph operations
clone-agents/ # Orchestrator / Explorer / Cartographer agents
device-bridge/ # Driver adapters (Maestro, Appium, WDA, uiautomator2)
app-spec/ # App Spec DSL — the buildable app definition
component-registry/# Built-in blocks + AI-generated component store
codegen/ # App Spec → React Native (Expo) code generation
schemas/ # JSON Schemas (IFG, App Spec)
docs/ # Design docs
The Clone Engine learns interaction structure (screens, navigation, flows) — it does not extract or redistribute proprietary assets, code, or content. Outputs are blueprints regenerated by AI from structural understanding. Use responsibly and respect the terms of service of the apps you study. See App Clone Agent → Guardrails.