Getting your first app running with Genie takes about five minutes. You sign up, type a description of what you want, and Genie generates a working app you can immediately preview and share. This guide walks you through the whole process from a blank browser tab to a live, shareable link.Documentation Index
Fetch the complete documentation index at: https://docs.genie-app.de/llms.txt
Use this file to discover all available pages before exploring further.
Before you start
You don’t need an account to browse Genie, but you’ll need one to build and save apps. Signing up is free — no credit card required.Create your account
Go to genie.app and click Start for free. You can sign up with an email address or an existing Google or GitHub account.Once you’re in, you’ll land on your dashboard. This is where all your projects live. On a fresh account it will be empty — that’s about to change.
Start a new project
Click New project from your dashboard. Genie opens a new project with a single input: the prompt box.This is where you describe what you want to build. You don’t need to think in technical terms — describe the tool the way you would explain it to a colleague.
Type your first prompt
Write a description of the app you want in the prompt box. Be specific about the features that matter to you, but don’t worry about length — one or two sentences is usually enough to get started.Good prompts include:
- What the app does
- The key pieces of information it tracks
- How you want to view or interact with that information
- Task tracker
- Client CRM
- Startup landing page
- Inventory manager
Watch your app generate
Click Generate (or press Enter). Genie starts building immediately. You’ll see progress in real time as the app takes shape.Generation typically takes a few seconds. While it runs, Genie is creating the full app structure — layout, components, navigation, and any data models you described.
Generation uses credits from your account. The free plan includes enough credits to get started. You can view your credit balance at any time in Settings → Billing.
Preview your app in the live panel
When generation finishes, the live preview panel opens on the right side of the screen. This is a fully interactive version of your app — click buttons, fill in forms, switch views. Everything works exactly as it will when you share it.The preview updates in real time as you make changes.Use the preview to check:
- Whether the layout matches what you had in mind
- Whether the right columns, fields, or sections are present
- Whether the navigation makes sense for how you’d actually use it
Refine with follow-up prompts
The prompt box stays open below the preview. Type a follow-up instruction to change anything about the app.You can be as specific or as casual as you like:
"Move the stats summary to the top""Add a priority field to each task card""Change the color scheme to green and gray""Add a section for completed tasks"
Share your app
When you’re happy with the result, click Share in the top bar. Genie gives you a public link you can send to anyone.Recipients don’t need a Genie account to use your app — they just open the link in a browser.From the Share panel you can also:
- Copy the link to send directly
- Control visibility (public or private)
- Connect a custom domain from your project settings
What happens after you share
Your app is live on Genie Cloud from the moment you share it. Genie handles hosting, security, and uptime automatically — there’s nothing to configure or maintain. If you update the app with a follow-up prompt, the live version updates immediately.Manage your project
Rename your app, adjust settings, and manage project-level options.
Connect a custom domain
Give your app a professional address instead of the default Genie URL.
Add integrations
Connect tools like Stripe, Notion, or GitHub to expand what your app can do.
Understand your credits
See how credits are used and how to top up when you need more.
Prompt tips
The quality of your prompt directly affects how closely the first generation matches what you want. These habits will save you follow-up rounds:Describe the layout, not just the purpose
Describe the layout, not just the purpose
Instead of “a dashboard,” say “a dashboard with a sidebar, KPI stat cards at the top, and a data table below.” Visual specifics help Genie pick the right structure.
Name the key data fields
Name the key data fields
If your app tracks records, list the fields: “a contact table with name, company, email, status, and last contacted date.” This prevents Genie from guessing what data matters.
Mention interactions you need
Mention interactions you need
If you want to click a row to open a detail panel, drag cards between columns, or filter a list by tag — say so. Genie supports these interactions but won’t add them unless you ask.
Start with a template if you're unsure
Start with a template if you're unsure
If you’re not sure how to phrase your prompt, browse templates. Each template comes with a complete example prompt you can use directly or modify.