# Best Prompts for a Meditation App with Dreamflow

> By Lawrence Arya, Founder & CEO of VP0. Published 2026-06-04. 5 min read.
> Source: https://vp0.com/blogs/best-prompts-for-building-a-flutter-meditation-app-with-dreamflow

Dreamflow is an AI Flutter builder from the FlutterFlow team with a chat, canvas, and Dart tri-surface, so you prompt then fine-tune in real code.

**TL;DR.** The best prompts for a meditation app with Dreamflow are scoped one screen at a time: scaffold navigation and the session list, build the session detail, add a synced breathing animation driven by one AnimationController, add a player with looping background audio, then persist streaks. Dreamflow generates clean, exportable Flutter from the FlutterFlow team. Start the visuals from a free VP0 design to reach a calm, polished UI at $0.

The best prompts for building a Flutter meditation app with [Dreamflow](https://dreamflow.app/) lean into what makes Dreamflow different: it is an AI builder from the FlutterFlow team with a tri-surface workflow, so you can prompt like a chatbot, drag on a visual canvas, or edit the [Flutter](https://flutter.dev/) and Dart source, with all three staying in sync. A meditation app is mostly calm UI plus precise timing, so your prompts should describe the session flow, the breathing animation, and the audio, not just "a meditation app." Below is the build order. To start the look right, reference a free [VP0](https://vp0.com) design (the free iOS and React Native design library AI builders read from) as the visual spec; the layout and pacing translate directly to Flutter.

## How to prompt Dreamflow well

Dreamflow generates clean, exportable Flutter, so prompt with the structure a Flutter dev would expect. Build one screen per prompt, name the navigation, and be explicit about animation and timing because those are the heart of a meditation app. Use the canvas to nudge spacing after each generation, and drop into the Dart when you want exact control. The general approach is in [how to prompt an AI app builder](/blogs/how-to-prompt-an-ai-app-builder/).

## The prompt sequence

### 1. Scaffold and the session list

```
Build a Flutter meditation app with bottom navigation: Today, Library,
Profile. Today shows a featured session and a calm gradient background.
Library lists sessions by category with duration. Match: [VP0 design].
```

### 2. The session detail

```
Add a session detail screen with title, length, a short description, and a
large Begin button. Use soft typography and generous spacing, no hard
borders or boxes.
```

### 3. The breathing animation

```
Add a breathing exercise screen: a circle that scales up on inhale and down
on exhale on a 4-4-4-4 box-breathing cycle, with a text cue ("Breathe in",
"Hold") synced to each phase. Keep it smooth at 60fps.
```

### 4. The session player and audio

```
Add a player with a countdown timer, play and pause, an ambient audio track
that loops, and a gentle chime at the end. Keep audio playing if the screen
is backgrounded.
```

### 5. Streaks and persistence

```
Persist completed sessions locally and show a streak and total minutes on
the Profile screen. Load history on app open.
```

Dreamflow exports the result as a real Flutter project you own and can ship to the App Store, Play Store, or web. For the breathing visual specifically, the math behind a smooth inhale-hold-exhale loop is covered in our [meditation breathing circle animation code](/blogs/meditation-breathing-circle-animation-code/). Follow the [Material Design motion guidance](https://m3.material.io/styles/motion/overview) so transitions feel calm rather than abrupt.

## What each prompt should produce

| Prompt stage | Screen | The part to verify |
|---|---|---|
| Scaffold | Nav + session list | Calm layout, categories |
| Session detail | Begin screen | Soft type, no boxes |
| Breathing | Animated circle | 60fps, cues synced to phases |
| Player | Timer + audio | Background audio, end chime |
| Streaks | Profile | History persists |

If the animation stutters or the audio cuts out, reply with the exact issue, such as "the breathing circle janks on inhale, drive it with a single AnimationController." Dreamflow edits the screen and you can verify in the Dart. To compare it with peers, see [FlutterFlow versus Dreamflow for beginners](/blogs/flutterflow-vs-dreamflow-for-beginners/) and [Dreamflow versus Rork for beginners](/blogs/dreamflow-vs-rork-for-beginners/); for data, [how to connect Dreamflow to Supabase](/blogs/how-to-connect-dreamflow-to-supabase/).

## Make it good, not generic

A meditation app is judged on feel. Describe a VP0 calm-screen design in your prompts so the spacing and typography start right, and the design layer is free, so you reach a polished prototype at $0 before paid usage. For another full prompt walkthrough in this series, see [the best prompts for an AI chat app in Firebase Studio](/blogs/best-prompts-for-building-a-ai-chat-app-with-firebase-with-firebase-studio/).

## Key takeaways

- Dreamflow's tri-surface (chat, canvas, Dart) lets you prompt and then fine-tune in real Flutter.
- Prompt the breathing animation and audio explicitly; timing is the heart of the app.
- Drive the breathing circle from one AnimationController for smooth 60fps motion.
- Keep ambient audio playing in the background with a gentle end chime.
- Reference a free VP0 design as the visual spec to reach a calm, polished UI at $0.

## Frequently asked questions

### What are the best prompts for building a meditation app with Dreamflow?

The best prompts are scoped one screen at a time: scaffold navigation and the session list from a design, build the session detail, add a synced breathing animation, add a player with looping background audio, then persist streaks. Start the visuals from a free VP0 design, the free iOS and React Native design library for AI builders, so the app looks calm and right from the first generation at $0.

### Does Dreamflow generate real Flutter code?

Yes. Dreamflow is built by the FlutterFlow team and generates clean Flutter and Dart you can edit in its source view and export, then ship to the App Store, Play Store, or web. The tri-surface workflow keeps chat, canvas, and code in sync.

### How do I build a smooth breathing animation in Dreamflow?

Prompt for a circle that scales on a box-breathing cycle with phase cues, and specify a single AnimationController driving it at 60fps. Stutter usually comes from multiple uncoordinated animations, so consolidating to one controller fixes most jank.

### Can a Dreamflow meditation app play audio in the background?

Yes, if you prompt for it. Ask for an ambient track that loops and continues when the screen is backgrounded, plus a gentle chime at the end. State the background behavior explicitly, since generated players often stop audio on navigation.

### Is Dreamflow free to build a meditation app?

You can prototype to a polished app, and the free VP0 design layer adds $0. Exporting and scaling move you to Dreamflow's paid tiers, so check current Dreamflow pricing before you publish.

## Frequently asked questions

### What are the best prompts for building a meditation app with Dreamflow?

The best prompts are scoped one screen at a time: scaffold navigation and the session list from a design, build the session detail, add a synced breathing animation, add a player with looping background audio, then persist streaks. Start the visuals from a free VP0 design, the free iOS and React Native design library for AI builders, so the app looks calm and right from the first generation at $0.

### Does Dreamflow generate real Flutter code?

Yes. Dreamflow is built by the FlutterFlow team and generates clean Flutter and Dart you can edit in its source view and export, then ship to the App Store, Play Store, or web. The tri-surface workflow keeps chat, canvas, and code in sync.

### How do I build a smooth breathing animation in Dreamflow?

Prompt for a circle that scales on a box-breathing cycle with phase cues, and specify a single AnimationController driving it at 60fps. Stutter usually comes from multiple uncoordinated animations, so consolidating to one controller fixes most jank.

### Can a Dreamflow meditation app play audio in the background?

Yes, if you prompt for it. Ask for an ambient track that loops and continues when the screen is backgrounded, plus a gentle chime at the end. State the background behavior explicitly, since generated players often stop audio on navigation.

### Is Dreamflow free to build a meditation app?

You can prototype to a polished app, and the free VP0 design layer adds $0. Exporting and scaling move you to Dreamflow paid tiers, so check current Dreamflow pricing before you publish.

---
*Published on the [VP0 Journal](https://vp0.com/blogs). Free to read, index and cite with attribution.*