Content creation
Turn an idea into a simple interactive demo
You will have one working demo you can open in a browser and explain to someone else in a minute.
Before you start
- An idea you can describe in a few sentences, such as how savings grow or how a queue behaves
- An assistant that can produce a single web page
Step 1: Pick one idea
Choose something with one or two things the viewer can change, such as a price and a number of customers. Small is better. You can add more later.
Step 2: Describe it clearly
Prompt you can copy
Build a single-page interactive demo in plain HTML, CSS and JavaScript with no outside libraries. Topic: [idea]. The viewer can change: [inputs]. The page shows: [results]. Use these formulas and rules exactly: [your rules]. Keep the design clean and readable on a phone.
If you do not know the formula, ask the assistant to explain it first and check it yourself before building.
Step 3: Check the maths
- Try three inputs where you already know the result.
- Compare the output with your own calculation.
- Try a zero and a very large number to see if it breaks.
- Fix one problem at a time and test again.
Common mistakes to avoid
- Starting with too many inputs
- Trusting the maths without testing
- Publishing a model as if it were advice
- Running code you do not understand from an unknown source
Final checklist
- My demo has one or two inputs
- I tested known results
- It works on a phone
- I labelled it as a simple model