The guide · paste into Gemini
The Gemini 3 visualization playbook.
We used to explain processes with static text, then static images. Now, with Gemini 3, you can explain things with functioning simulations. This playbook turns "here's a PDF of how our process works" into "here's a simulation where you can click through the process yourself" — no server, no developer, no paid software. Just Gemini and a browser. The secret sauce is forcing the AI to build a single-file HTML application.
The full playbook
🔒 Drop your email to reveal the full playbook
Get the full playbook, free.
Drop your email and the playbook unlocks instantly, plus every other guide and resource in the library. One email a week, unsubscribe anytime.
Examples to play around with
- DDoS Attack Simulator — gemini.google.com/share/08ae05beea33
- Orbital Physics Engine — gemini.google.com/share/d8ff3606f158
- How LLMs Work — gemini.google.com/share/461dd2f27d63
- Life Simulator — gemini.google.com/share/8670af8db099
- Nuclear Reactor Explanation — gemini.google.com/share/9e40d83b68c2
The concept: "show, don't tell"
This playbook teaches you the exact prompts and workflows to turn a static explanation into an interactive one. The key is asking Gemini to create a "single-file HTML application".
- Normal web development: requires many files (HTML, CSS, JS) and a server to run them.
- The Gemini way: you force the AI to bundle the design, logic and structure into one single block of text you can run immediately on your laptop.
The prompt framework (R.I.C.E.)
To get real results, you can't just say "make a diagram". Use the R.I.C.E. framework:
- R — Role: who is Gemini acting as? (e.g. "Senior UI/UX Developer")
- I — Interaction: what should the user be able to do? (e.g. "click buttons", "drag sliders")
- C — Context: what is the business scenario?
- E — Execution: the technical constraint. Always use: "Write this as a single-file HTML/JS artifact that requires no external libraries."
The core plays (copy & paste)
Play #1: The "technical explainer"
Best for: explaining invisible risks (like cyber security) or complex backend logic to non-technical clients.
Play #2: The "process flow" simulator
Best for: onboarding new employees or showing a client how your logistics/fulfilment works.
Play #3: The "ROI value" calculator
Best for: sales calls. Instead of telling a prospect how much they save, let them play with the numbers themselves.
How to "run" your app (no coding skills required)
Gemini will give you a long block of code. Follow these three steps to turn it into an app.
Get the code
Look for the box in Gemini that says "HTML" or "Code". Click the button that says "Copy Code" in the top right corner of that box.Save the file
Open Notepad (Windows) or TextEdit (Mac). Note for Mac users: in TextEdit, go toFormat > Make Plain Text before pasting. Paste the code, go to File > Save As, and name the file demo.html (the .html is the most important part). Save it to your Desktop.Launch
Find thedemo.html file on your desktop. Double-click it. It will open in Chrome/Safari just like a real website.Troubleshooting & refining
It rarely looks perfect on the first try. Here's how to fix it without knowing code.
Issue: "It looks ugly / the layout is broken." Take a screenshot of the broken app and paste it back into Gemini: "I've attached a screenshot. The buttons are too small and the text is overlapping. Fix the CSS to make the buttons large and padded, and center the text."
Issue: "The animation stops working." Describe the error plainly: "When I click the 'Start' button, nothing happens. Review your JavaScript logic and give me the corrected full code."
Issue: "I want to change the colors to my brand." Provide your hex codes: "Refine the design. Use #FF5733 for the buttons and #000000 for the text. Make the background light gray."
How to share this with clients
Option A: Screen share (easiest). Open the file in your browser before the Zoom call starts. Share your screen and click through the simulation live. This lets you control the narrative.
Option B: Tiiny.host (free web hosting). If you want to send them a clickable link: go to Tiiny.host (or a similar drag-and-drop host), drag your demo.html file onto the page, and it will give you a URL (e.g. process-demo.tiiny.site) that you can email to anyone.
Next step: don't overthink it. Open Gemini right now, copy "Play #3" above, and fill in your product's details. You'll have a working sales asset in 60 seconds.
Original guide by Artem Novitckii. More from him on Instagram, in the Skool community, and across his resource library.