Scenes: a library of 200+ finished HyperFrames scenes, each with the prompt that made it

[Deorbiting]

We built Scenes (https://scenes.design) on HyperFrames: a library of 200+ finished motion graphics scenes, each saved as a plain HyperFrames project (index.html, hyperframes.json) plus the prompt that produced it.

The categories are maps, charts, kinetic type, product launch films, app UI promos, broadcast graphics, social 9:16 clips, 3D, explainers, logo reveals and transitions. Two examples:

• Globe zoom (9:16): space to Japan, a pin on Tokyo, a fact card. https://scenes.design/scene/globe-zoom
• Bar chart race (16:9): top eight ranked year by year, ending on the winner. https://scenes.design/scene/bar-race

How it renders: nothing renders on our side. You copy a scene into your project (Claude Code skill, or the MCP server at https://scenes.design/mcp), ask Claude to change the words, numbers and colours, then run

npx hyperframes check my-scene
npx hyperframes render my-scene

and get the MP4 on your own machine.

What we learned building it: agents produce much better HyperFrames work when they start from a finished, reviewed scene and its prompt than from a blank file. Most edits stay small (copy, data, colours), so timing and seek-safety survive.

Browsing and previews are free, with 2 copies a day on a free account. Happy to answer questions about how the scenes are structured.