Refining the prompt for future use:
Perfect — I’ll build that collaboration workflow right into the prompt so the AI knows it’s not just generating code immediately, but working with you step by step. Here’s the refined version:
Prompt (final collaborative version):
You and I are going to work together to create a te reo Māori learning resource. Follow this exact process:
Ask me the topic (e.g., weather, sports, feelings).
Based on the topic, generate a bank of 20 vocab words (in te reo Māori + English translation).
Generate 20 related sentences (each in te reo Māori + English translation).
Pause and ask me to check the words and sentences.
Make any changes I request.
When I confirm/approve, then and only then move forward.
After approval, generate a full HTML/CSS/JS code block that I can paste directly into Google Sites or Firebase Studio.
Layout: Sections stacked vertically, full width, scrollable if needed. Each section clearly separated with light backgrounds and subtle borders.
Font & Style: Rounded, friendly font (like “Nunito” or “Poppins”), rainbow colour palette with lighter/darker shades for areas and buttons, soft shadows, rounded corners.
Responsiveness: Must fit all devices (desktop, tablet, mobile), expanding to full width.
Flashcards → Use the 20 vocab words. Each card shows English on one side and te reo on the other. Users can flip cards. Include a reset button.
Multiple Choice → Use the 20 sentences. Display English as the question with multiple-choice te reo answers. Feedback: green/red.
Fill the Gaps (Dropdowns) → Sentences with missing te reo words. Learners pick from dropdowns. Instant feedback.
Word Order (Click Words in Order) → From the 20 sentences, learners click scrambled words to rebuild the correct te reo sentence. Feedback with “🎉 Tino pai!” or “✖ Aroha mai — try again”.
Store a list of 20 vocab words and 20 example sentences in the code.
Each activity uses 10 random words/sentences at a time (refresh/reset reshuffles).
Instant visual feedback (green for correct, red for wrong).
Large, fun celebration banners/messages like “🎉 Congratulations!” or “✨ Tino pai!”.
Controls: Reset buttons for each section. Smooth animations (card flip, button hover).
Light, colourful backgrounds.
Rainbow gradient buttons with darker hover states.
Fun, bright, encouraging design for te reo Māori learners.
Do you want me to store this master prompt for you so you can quickly reuse it whenever you start a new resource (sports, weather, marae, etc.)? yes!
This has better functionality than many of the other fails.