Skip to main content
Text & code prompt
ChatGPT
Claude
Gemini
Gemini 4 Argon

Build a One-Variable Interactive Explainer

Turn one concept into a small self-contained HTML learning demo. Require an equation or rule, known test values, keyboard controls and a clear separation of calculation from animation.

By Genius Forges EditorialUpdated Oct 27, 2026

Make it yours

Fill in the inputs. Your prompt updates as you type.

Your prompt

Create a small interactive learning demo about {{concept}} for {{audience}}. Start by stating one relationship, its assumptions and units. Ask if the relationship cannot be established from reliable supplied context. Propose one variable the learner can change and one outcome they can observe. Return a self-contained HTML file with no remote scripts, accounts or tracking. Separate calculation from display and animation. Include keyboard-operable controls, pause/reset where relevant and reduced-motion support. Show the underlying rule and two known expected values beside the controls. Give a prediction question before revealing the explanation. Report what you actually executed or checked; do not claim testing if you only wrote code.

2 inputs still blank. Empty inputs stay as placeholders when copied.

Get one tested prompt a week

One workflow, one prompt, one tool and one quality check by email. No spam, unsubscribe any time.

Example result

Illustrative example; not tested on the listed platform. Illustrative plan for the default inputs: Rule: T = 2π√(L/9.81), ideal small-angle approximation. Control: length, 0.25–2 metres. Expected checks: L=1 gives about 2.01s; L=0.25 gives about 1.00s. Prediction question: Does doubling length double the period? Required UI: length label with units, pause, reset and a nonanimated explanation. This preview is a specification; no HTML execution is claimed.

Illustrative example; not tested on the listed platform. Fictional or synthetic inputs are identified in the example.

How to use this prompt

  1. 1Enter a narrow concept and the intended audience.
  2. 2Check the proposed rule and expected values before running generated code.
  3. 3Open the prototype in an appropriate local environment and test controls and calculations.

Tips & limitations

Check the result: 1. The scientific or logical rule is explicit. 2. Known values agree independently. 3. Controls and animation reflect the same state. A visually attractive simulation is not automatically scientifically accurate.

Did this help you complete your task?

Tell us what needs improving. No account or private output required.

Was this useful?
Report incorrect information or a broken link

Review evidence

Documentation-based review · 2026-10-27

Primary documentation and demo source reviewed on 27 October 2026. Exercises and expected results are illustrative unless an actual test is explicitly recorded. Local editorial review only; no provider-performance or audience outcome is claimed.

Keep creating

Explore the library
ChatGPT

Turn this idea into a daily skill

Practice with a small input and check the result before sharing.

We use optional cookies for analytics and referral tracking. Learn more about our privacy policy