Vibe coding works best when your prompt gives the AI three things: who the app is for, what it does, and what success looks like. Skip technical detail; the AI will fill that in.
A good prompt template
"Write a single-page HTML file. It should be a [what kind of app] for [audience]. When someone opens it, they should see [first thing]. They can [main interaction]. When they're done, [end state]. Ask me questions before you build.
Tips
- Turn on the canvas. ChatGPT and Gemini have a canvas tool you can activate in the chat. This allows you to preview your app.
- One page, please. Teacher Hive apps are single HTML files. Tell the AI: "single-page HTML file."
- Iterate. Ask for changes in plain English. "Make the buttons bigger." "Pick a softer color palette." "Add a reset button."
- Credit. Take credit for your work by adding your name somewhere in your app. Also credit the AI used to build it.
If you're adding a Superpower
Each Superpower has its own AI Instructions. Open the Superpower section in the Add App form and click Copy AI Instructions. Paste those into your chatbot and describe your app. The chatbot will know how to wire up the Superpower correctly.
