Tengwang Pavilion mid-autumn scene video and interactive page made with Claude Opus 5.5: Claude Opus launch video

Originally posted by @demitiyageekzen on X · posted Sep 25, 2026 · curated by MotionHunt, updated Oct 16, 2026

In short

A 30-second video and an interactive HTML page on a Mid-Autumn night at Tengwang Pavilion in Nanchang, built around the line "落霞与孤鹜齐飞,秋水共长天一色". The author let the model choose the theme freely. The aspect ratio is not stated.

Prompt

Reconstructed

用你最强的思维和能力,根据对我的了解,自行寻找我可能喜欢的主题,制作一个30s的视频还有互动html,尽可能的展示你的前端能力!

How it was made

The author says the model was Opus 5.5, given an open-ended prompt to pick its own theme. The picture is computed per pixel by a WebGL2 shader with no image assets, and the pavilion facade is drawn with Canvas 2D. All audio is synthesized in real time with WebAudio, including a guzheng using a Karplus-Strong string model. The author did not share the full pipeline, timing, or cost.

Tools: Claude Opus

Shot breakdown

Scene 1Boat-view sunset. A lone goose (孤鹜) flies across the sun, with fish-scale clouds (鱼鳞云) in the sky.
Scene 2Sky and river blend into one color (江天一色) as the scene moves toward the pavilion.
Scene 3The pavilion's lights come on from bottom to top.
Scene 4The full moon rises from the east.
Scene 5River lanterns (河灯) drift on the water while the poem line appears as vertical calligraphy subtitles with a seal stamp.

Breakdown written by AI from the prompt and post, reviewed by MotionHunt.

Why it works

Each scene maps to an image from the quoted line, so the visuals follow the poem's structure.
Sun and moon paths are computed for Nanchang's latitude, which grounds the piece in real astronomy.
Everything is procedural (shader sky, water, clouds, synthesized sound), giving one consistent visual and audio language.
Vertical calligraphy subtitles with a seal stamp add traditional typographic framing.
In the interactive version, clicking lanterns triggers a poem line and a guzheng note, tying audio and visuals together.

Remix it for your product

Using your strongest reasoning and ability, make a 30s video about [PRODUCT] plus an interactive HTML page that showcases [FEATURES], pushing your front-end skills as far as possible.

Fill in your product, set the direction and add screenshots. Copy the brief or download a ZIP for Claude Code.

Customize this prompt