Do not modify global structure, CSS variables, or theme toggle logic.
Ensure all visuals go inside simulation.html.
Put all simulation-specific styling in simulation.css.
Write all logic and animation in simulation.js.
Ensure it works in both light and dark modes.
Include at least 3 small animations or transitions.
Step 2: Generate AI Simulation Prompt
Fill in your lesson details below. This generator will produce the full
Golden Prompt โ Modular Simulation Generator.
You can copy and paste it directly into ChatGPT.
Your generated AI prompt will appear here...
Step 3: Use ChatGPT or Other LLM
Now that you have your prompt copied, youโre ready to generate your modular simulation files using an AI model.
Ask the AI to generate three files: simulation.html, simulation.css, and simulation.js.
Download or copy each code block into individual files locally.
Place them in the same folder as base-template.html.
Open base-template.html to verify that your simulation loads properly.
Step 4: Upload Your Finished Simulation
After building and testing your simulation, compress your files into a .zip before uploading.
Make sure your ZIP follows the correct folder structure shown below: