> ## Documentation Index
> Fetch the complete documentation index at: https://www.vibecodeapp.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Creating Your First App

> Go from idea to working app in minutes with Vibecode

Vibecode lets you turn your idea into a working app by describing what you want. Here's how to get started.

## Step 1: Sign Up and Create a Project

1. Download the Vibecode app on [iOS](https://apps.apple.com/us/app/vibecode-ai-app-builder/id6742912146) or open the [web app](https://vibecodeapp.com)
2. Create an account with your email
3. Tap **New Project** to start building

## Step 2: Describe Your App

Type a prompt that describes what you want your app to do. Be as detailed or as simple as you like — the AI will figure out the rest.

**Example prompts:**

> "Create a to-do list app where I can add tasks, mark them done, and swipe to delete"

> "Build a recipe tracker where I can save recipes with photos and search by ingredient"

> "Make a habit tracker with streaks and daily reminders"

<Tip>Start simple. You can always add more features later by chatting with the AI.</Tip>

## Step 3: Generate and Test

1. Press **Generate** — Claude Code builds your app in real time
2. Test it in the built-in preview (or scan the QR code on your phone)
3. Tell the AI what to change: "Make the header blue" or "Add a settings page"

## Tips for Better Results

* **Go one feature at a time** — build the core, test it, then add more
* **Be specific when it matters** — "a Duolingo-style progress bar" beats "a progress bar"
* **Use the [Pinch to Build menu](/getting-started/pinch-to-build)** to quickly customize colors, layouts, and components
* **Attach screenshots or mockups** if you have a specific design in mind

## Next Steps

<CardGroup cols={3}>
  <Card title="Pinch to Build" icon="hand-pointer" href="/getting-started/pinch-to-build">
    Customize your app visually
  </Card>

  <Card title="Browse Integrations" icon="plug" href="/integrations/index">
    Add AI, maps, payments, and more
  </Card>

  <Card title="Share Your App" icon="share" href="/getting-started/sharing-app">
    Publish and share a link
  </Card>
</CardGroup>