Interactive Engine Explainer

An AI-generated interactive simulation of a four-stroke internal combustion engine.

Interactive Engine Explainer media is blocked

Allow external media to connect to the provider and play this content.

Description

A single-file web application that provides a functional, animated explanation of four-stroke engine mechanics, including status labels and cycle animations. Created as a head-to-head benchmarking test, the page was 'one-shotted' using Claude Opus 5 without any libraries, retries, or manual code edits.

Descriptions, tags, and model credits may be AI-generated or inferred from public sources and can be incomplete or wrong. Learn more.

Details

Why this is interesting: A striking demonstration of Claude Opus 5's capability to 'one-shot' a functional, error-free interactive educational…
Built with: Opus 5 Fable 5 Opus 4.8 Opus 4.7 Opus 4.6
Links: View tweet
Tags: #educational #physics #simulation #animation

Discovered: X
First posted: X · Jul 27, 2026
Listed: Added 50d ago
Build: Moderate
Models: Strong

Prompts

Prompt 1

build an interactive page that teaches how a four-stroke engine works, one file, no libraries, no retries

Source

Prompt 2

build an interactive engine explainer, one file, no libraries.

Source