Continue prompts used for YouTube video: "Continue and Claude 3.5: Develop a Mobile App Without Writing ANY Code!"

yt-continue-mobile-app-chat-prompts.md

### Select image from device

"Update the app to allow the user to select an image from their device. Display the selected image on the screen."

### Add create funny story button

"Add a button below the image that says ‘Make up a funny story!’"

### Generate code to send image to AI vision model to create the story

"Implement code to send image to GPT 4o mini to create a funny story.  
Create code to submit a chat to OpenAI’s GPT 4 LLM. I’d like this code in a separate file. I also want any changes required to invoke this chat when the user selects the previously added button in the app."

**NOTE!** Manually update the code generated above as below:
1. Update the `OPENAI_API_KEY` value with your OpenAI API key.
2. Change `model` to `gpt-4o-mini`.
3. Change the `system` messages content to: "Make up a funny story about this image. Make up alien characters and include them as characters in the story. Keep the story to 3 paragraphs or less."
   - Or whatever theme you'd like. Keep in mind that these AI models may refuse to honor requests that could involve trademarked/copyrighted material, such as Star Trek characters, etc.
4. Change `max_tokens` to at least 300. If you find your generated stories getting truncated, you'll need to bump this value up.

**TIP:** When you see me working in Continue's chat window and it gives me updates to an existing file (e.g., `App.tsx`) that would require me to have to make the updates manually, you'll often see me give Continue a prompt like this:

"Give me the full updated code version."

### Add create funny image button

"Add a button below the story text generated by GPT 4 that says ‘Create funny image!’"

### Generate code to have DALLE-3 create a funny image

“Add the ability to allow the user to submit the story generated by the gpt-4o-mini model to OpenAI’s Dalle-3 model and ask it to create a new funny image for the story.”

### Connect the 'Create funny image!' button to the new image generation function

"When the user presses the 'Create funny image' button, the `generateImage` function will be called to create an image for the story and the app displays the image below the new button."

### Adding gradient background

"Add a cool gradient background to this screen to give it a bit of pop."

### Getting Continue to explain how our app works

“I’m new to React Native development. Explain what's going on here. What are these components and how do they work together?”