Part 1: Build & Publish Your First Teaching App

0 of 12 complete
lesson

Build and refine in AI Studio

Now it is time to build. Paste your prompt into Google AI Studio and let it generate your app.

Step by step

  1. Open Google AI Studio at aistudio.google.com
  2. Paste your prompt (the one you drafted with ChatGPT) and press Enter
  3. Wait for the preview — AI Studio will generate code and show you what the app looks like
  4. Review the preview — Does it make sense? Is something missing? Is the layout right?
  5. Refine with follow-up messages

Your first result will not be perfect, and that is completely normal. Type follow-up messages to make changes. Here are examples:

>"Make the heading say 'Cost Classification Sorter'"
>"Add a fourth case scenario"
>"Change the background to white"
>"Make the text larger and add more space between sections"
>"Make it look better on mobile"

You can go back and forth as many times as you want. Each round usually gets better.

!

If AI Studio changed something you did not ask for: Be specific about what to keep. Say: "Undo the change to the header, but keep everything else the same." The AI responds well to clear boundaries.

♥

Working beats perfect.

Get it working first, then refine. Your first version does not need to be beautiful. A working tool you can share with a link is a remarkable outcome.

When you are ready

Keep iterating until the preview looks good enough to share. It does not need to be flawless — you can always come back and improve it later. Once you are satisfied, move on to publish it.
Previous