Prompt template

AI chatbot mobile prompt — copy, paste, build

A prompt for a focused native AI chat app — streaming responses, conversation history, and switchable personas. Designed for founders shipping a vertical AI assistant (legal, medical, fitness, etc.) on iOS and Android.

The prompt

Build a native iOS and Android AI chat app with: (1) a chat screen with streaming token-by-token responses and a "stop generating" button, (2) a sidebar of past conversations grouped by day, (3) a persona picker with three preset personas (configurable), (4) message history persisted locally, (5) an input bar with a microphone button placeholder, (6) a settings screen for API key entry and persona editing. Use Expo, React Navigation, twrnc for styling, AsyncStorage for chat history, and a chat-first UI inspired by Telegram and ChatGPT mobile.

Variants

Lite

Build a native AI chat app with one persona, a single chat thread, and streaming responses. Skip history sidebar.

Pro

Build a native AI chat app with streaming responses, conversation history, custom personas, voice input, image attachments, and a Stripe-wired subscription paywall.

What you get

  • Expo + React Native project ready for Snack live preview
  • Streaming chat with stop-generation control
  • Persisted conversation history
  • Switchable personas
  • Settings screen for API key + persona editing
  • Local-first storage with AsyncStorage

Screens included

  • Chat
  • History sidebar
  • Persona picker
  • Settings

Why this prompt works in AppGenie

A mobile chat UI has a lot of edge cases — keyboard avoidance, scroll-to-latest, streaming token rendering, and a persistent input bar. AppGenie's A4 architect plans these layout concerns explicitly so the first build does not ship with the keyboard hiding the input.

Related prompts

AI chatbot (mobile) prompt — FAQ

Does the prompt include the LLM API call?

It scaffolds the API call structure with a placeholder for your provider (OpenAI, Anthropic, or your own backend). You plug in the endpoint and key in settings.

Can I add a vertical persona after generation?

Yes. Ask "add a personal trainer persona that asks for goal and fitness level on first message." The diff-aware pipeline patches the persona picker and the system-prompt config.

Ready to ship a ai chatbot (mobile)?

Paste this prompt into AppGenie. The diff-aware multi-agent pipeline produces a real Expo + React Native project you can preview live, iterate in chat, and own end-to-end.