How Rork Builds Your App

2 min read

Step 1: Describe Your App

Type a detailed description of the app you want. The more specific you are about screens, features, and behavior, the better the result.

Step 2: AI Generates Code

Rork's AI creates the full app: React Native components, navigation, styling, data handling, and logic. This takes seconds to a few minutes.

Step 3: Preview on Device

Scan the QR code with Expo Go on your phone, or use the browser preview. See the app running on your actual device.

Step 4: Iterate via Chat

Request changes, add features, fix issues through conversation. Each message costs one credit. Use version history to recover from mistakes.

Step 5: Share or Publish

Share via App Preview links for testing. When ready, publish to the App Store (iOS) or export code for Google Play (Android).

What You Get in the Generated App

📱
Native UI Components

Real native buttons, lists, inputs, and navigation. Not a web page pretending to be an app.

🧭
Screen Navigation

Tab bars, stack navigation, and modal screens set up automatically based on your description.

🎨
Styled Design

Colors, fonts, spacing, and layout that looks like a real published app, not a rough wireframe.

💾
Data Handling

Local storage, state management, and data flow between screens. Ready for connecting to external APIs.

🌐
Cross Platform

One codebase that runs on iPhone, Android, and web. Write once, deploy everywhere.

📤
Exportable Code

Real TypeScript/React Native code you own. Export to GitHub and continue development in any editor.

Prompt engineering for better apps

The quality of your app depends heavily on how you describe it. Be specific about screens, features, and user flows. Break complex features into separate prompts rather than asking for everything at once. Include details like 'use a tab bar with Home, Search, and Profile tabs' rather than just 'make a social app.' If the AI gets confused, restore a previous version and try a different approach.