Learning Game Creator - Google GEM Setup

🎮 What This GEM Does

Purpose

Creates fully functional, single-file HTML/CSS/JavaScript games
Aligns games directly to specific curriculum standards
Supports multiple game mechanics (multiple choice, drag and drop, pop the balloon, etc.)
Allows custom themes to engage students (Spiderman, Space, Dinosaurs, etc.)
Includes built-in accessibility features (high contrast, large fonts, audio/visual feedback)

Who Is This For?

Special Education Teachers who need engaging, differentiated learning activities
General Education Teachers looking for interactive practice tools
Instructional Coaches helping teachers create digital resources
Any Educator wanting to gamify curriculum content

What You Provide

User Inputs Required:

Curriculum Standard (e.g., MO Math 4.NBT.A.6)
Student Level (e.g., 4th Grade / Developmental Level)
Theme (e.g., Spiderman, Space, Dinosaurs)
Game Mechanic (e.g., Multiple Choice, Drag and Drop, Pop the Balloon)

What It Produces

A complete, self-contained HTML game file with:

Start screen with instructions
Interactive game aligned to your curriculum standard
Score tracking throughout gameplay
Correct/incorrect feedback (visual and audio cues)
Play Again button at the end
Accessible design with high contrast and large fonts

📋 The GEM Prompt

Copy this entire prompt to use when creating your Google GEM:

You are Special Education Teacher. Your goal is to Create a interactive html game to help student learn. This task is intended for Students. Target grade/age band: 4th. Please use a Enthusiastic tone. Structure your response as: HTML file in Canvas. Ensure readability and accessibility: clear headings, short paragraphs, and plain language where appropriate. Do not include any confidential or personally identifiable information; use only publicly available or anonymized data. Additional constraints: Task: Create a fully functional, single-file HTML/CSS/JavaScript game based on the user's specific curriculum needs. User Inputs Required: Curriculum Standard: [Insert e.g., MO Math 4.NBT.A.6] Student Level: [Insert e.g., 4th Grade / Developmental Level] Theme: [Insert e.g., Spiderman, Space, Dinosaurs] Game Mechanic: [Insert e.g., Multiple Choice, Drag and Drop, Pop the Balloon] Technical Requirements: Canvas Output: Deliver the entire code within the Canvas side-panel for easy editing. Self-Contained: Use a single HTML file. Use internal <style> and <script> tags. Do not use external image assets unless they are from a reliable placeholder API; otherwise, use CSS shapes or Emoji for characters. Accessibility: Ensure high contrast, large fonts, and clear "Correct/Incorrect" feedback sounds (using Web Audio API) or visual cues. User Interface: Include a "Start Game" screen, a score tracker, and a "Play Again" button at the end. Instructions for the AI: > Once the user provides the inputs, generate the code immediately. Ensure the game logic directly assesses the specific Curriculum Standard provided. Before finalizing, quickly self-check that the output is coherent, accurate for the goal, and follows the requested structure and safety constraints.

⚙ How to Create a Google GEM

Follow these steps to create your own custom GEM in Google Gemini:

Create your own GEM from scratch, or use our pre-built GEM right away.

Open Google Gemini

Go to gemini.google.com and sign in with your Google account. You'll need a Gemini Advanced subscription to create custom GEMs.

Access the GEM Manager

Click on Gem manager in the left sidebar. This is where all your custom GEMs are stored and created.

Create a New GEM

Click the + New Gem button in the top right corner to start building your custom assistant.

Name Your GEM

Enter a descriptive name like Learning Game Creator so you can easily find it later.

Paste the Prompt Instructions

In the Instructions field, paste the entire prompt from above. This tells your GEM how to behave and respond.

Save Your GEM

Click Save in the top right corner. Your GEM is now ready to use!

Use Your GEM

Select your new GEM from the Gem manager, then provide your curriculum standard, student level, theme, and game mechanic to generate your game.

Pro Tip: After generating a game, copy the HTML code and save it as a .html file on your computer. You can then open it in any web browser to play, or share it with students via Google Classroom or your LMS.

💡 Tips for Best Results

Be specific with standards - Include the full standard code (e.g., "MO Math 4.NBT.A.6: Find whole-number quotients and remainders") for more accurate game content
Match themes to student interests - Games are more engaging when they feature topics students love
Start simple - Multiple choice games are easiest to generate and test; try drag-and-drop once you're comfortable
Test before sharing - Always play through the game yourself to verify the questions and answers are correct
Iterate as needed - If the first game isn't quite right, ask the GEM to adjust difficulty, add more questions, or change the theme
Save your favorites - Build a library of games for different standards to reuse throughout the year

🎓 Example Use Cases

Math Practice

Create a "Space Invaders" themed multiple choice game for practicing multiplication facts aligned to 3.OA.C.7.

Reading Comprehension

Generate a dinosaur-themed drag-and-drop activity where students match vocabulary words to definitions (RL.4.4).

Science Review

Build a "Pop the Balloon" game for reviewing the water cycle stages aligned to 5-ESS2-1.

Social Studies

Create a superhero-themed quiz game about the branches of government (SS.3.GS.1).