Motion Briefs for Code

What you'll make

An editable timing brief, a local HyperFrames example and a rendered silent preview. The included composition uses original typography and the PromptPack palette.

What's inside the download?

• 14-page PDF field guide
• 10 editable prompts
• Original worked example and starter files
• Blank and filled worksheets
• Repository source register and usage notes

The PDF is paired with an editable Markdown guide, a prompt library, blank and filled CSV worksheets, source references and a starter README.

Look inside the actual edition

A workshop page from the guide, followed by an original example included in the practical files.

Watch the included example

Six-second silent demo. Original text and artwork; it demonstrates the included source project.

Six practical workshop steps

1. Inspect the runtime before writing motion
2. Give every beat a purpose
3. Keep the timeline seekable
4. Expose the useful edit points
5. Review proof times before export
6. Deliver the project as well as the movie

Your first session

1. Install Node.js and the system tools required by your current HyperFrames release.
2. Open starter/README.md and the pinned project package.json.
3. Run the project check command before changing the composition.
4. Change the copy, capture the listed proof times, then render with the project command.

Requirements and scope

An AI coding assistant and your chosen animation framework. These are prompts, not finished video templates.

The pack is a compact starter and prompt workshop. Rendering depends on your browser and media tools. It includes no hosted rendering credits or promise that arbitrary animation projects will render unchanged.

Public tools behind the workflow

These tools are available from their original authors. This independent guide adds instruction and original exercises; tool access, model weights and service accounts are separate.

• heygen-com/hyperframes ↗Apache-2.0 · source revision 72666462647cLicense at reviewed revision

Try an editable prompt

Replace the bracketed fields with your own project details. This sample is part of the included prompt library.

Inspect the animation project and use its existing framework. Create a six-second title card for [TITLE] in [WIDTH x HEIGHT] at [FPS]. Define a single deterministic timeline: title enters at 0.4 seconds, supporting line at 1.2 seconds, both hold until 4.8 seconds, then exit by 5.6 seconds. Expose copy and colors as variables. Use licensed local fonts. Make arbitrary-time seeking produce the same frame as sequential playback. Return file changes and checks at 0, 1.2, 3 and 5.6 seconds. Do not claim a render exists until it has completed.

Compare every product ↗