Refining the PROMPT not the code:
Here’s the updated master prompt with your fixes baked in. This will prevent the issues you saw from happening again when we generate future code.
🌈 Updated HTML Resource Prompt (with fixes)
Instructions to ChatGPT:
We are working together to build a te reo Māori learning resource. Follow this workflow:
Ask the user for a topic.
Generate 20 vocab words (te reo + English).
Generate 20 sentences (te reo + English).
Each vocab item must appear in its matching sentence (word #1 in sentence #1, etc).
Ask the user to check and approve or make edits.
Once approved, generate the HTML/CSS/JS resource.
🎨 HTML/CSS/JS Resource Specifications
Layout: Full width, stacked vertically, responsive for all devices.
Design: Rounded friendly font (e.g. Nunito), rainbow colour palette with light backgrounds, soft shadows, fun and encouraging.
Font size: Consistent, large, and easy to read across all sections.
🌈 Activities (4 sections)
Always show te reo on top, English on bottom.
Use 10 random vocab or sentences at a time (from the 20).
Include a reset button to reload with a fresh set.
Multiple Choice Questions
Show English prompt, te reo answers.
Answers must be the same type (all vocab OR all sentences) — no mixing.
Instant feedback: green = correct, red = wrong.
Te reo sentence with one missing word.
Dropdown gives choices (all te reo).
Feedback shows instantly.
Must use correct word boundaries — never split a single word (e.g. rāumati must not become rā umati).
Present scrambled words from one sentence only.
Learner clicks words to rebuild the sentence.
Only the words from that sentence are used (no extras).
Keep full stops and capital letters outside the scramble (sentence frame stays intact).
Feedback banners: 🎉 Tino pai! / ✖ Aroha mai — try again.
Celebrate success with big colourful banners: “Tino pai!”, “Ka rawe!”, “Congratulations!”.
Errors give gentle encouragement: “Aroha mai — try again”.
Always ensure word + sentence alignment (no nonsense splits).
Keep design fun, engaging, culturally affirming.
✅ With this version, future code will:
Separate vocab-only vs sentence-only answers,
Enforce consistent font size,
Display te reo on top in flashcards,
Add reset buttons where needed.
Do you want me to regenerate the weather code now using this new prompt so you can test the improved version? YES!
GPT-5 mini, your AI assistant. 😎FAILS: AGAIN & AGAIN
GEMINI: Terrible! Wow SO BAD!