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

# Vibe Coding Basics

> Learn the fundamentals of Vibe Coding with Michelangelo

Vibe Coding is the practice of building software by describing what you want in natural language and letting AI generate the code. Michelangelo brings this approach to mobile development, letting you create native apps directly from your iPhone.

## How It Works

Instead of writing code line by line, you:

1. **Describe the app** you want in plain language.
2. **Submit the prompt** to Michelangelo.
3. **Review the generated app** in the inline sandbox.
4. **Iterate** with follow-up prompts until the app matches your vision.

The AI handles the structure, styling, state management, and wiring of components. You stay focused on the product.

## Good Vibe Coding Habits

* **Start small** — ask for one or two screens first, then add features.
* **Be specific** — mention layout, behavior, data, and style when it matters.
* **Use references** — attach screenshots or mockups to guide the AI visually.
* **Iterate in steps** — big single prompts are harder to get right than small, focused ones.
* **Test in the sandbox** — run the generated app and report what feels off.

## What Michelangelo Generates

Each project is a complete mobile app with:

* Screen components and navigation.
* Styles and layout.
* State and effects.
* API calls and data handling when requested.

You own the generated source code and can export it to GitHub at any time.

## When to Iterate

Iteration is the core of Vibe Coding. Use follow-up prompts to:

* Fix layout issues.
* Add new screens or components.
* Change colors, fonts, or spacing.
* Connect to an external API.
* Resolve runtime errors.

<Info>
  Michelangelo applies follow-up prompts as targeted edits rather than regenerating the whole project every time.
</Info>

## Next Steps

<CardGroup cols="2">
  <Card title="Prompt Engineering" icon="robot" color="#7c7c7c" href="/v2/how-to-build/prompt-engineering">
    Learn how to write prompts that get better results.
  </Card>

  <Card title="Project Lifecycle" icon="arrows-rotate" color="#7c7c7c" href="/v2/how-to-build/project-lifecycle">
    Understand the full lifecycle of a Michelangelo project.
  </Card>
</CardGroup>