Prompt staging · review loops · rendered frames

Preframe.

A Hudson-powered creative workspace for staging prompts, reviewing cuts, and rendering product videos before the final frame. Mark up a take; the agent rewrites the source. Works for Remotion compositions, Hyperframe motion graphics, music tracks, and animated logos.

quick start
$ git clone github.com/arach/preframe && cd preframe
$ bun install && bun run dev
# ▲ Next.js 16 · catalog studio on :3100
$ bun run studio
# remotion studio · live preview + render queue

The revise loop

One take, then iterate.

Preframe treats the composition as text, not the timeline. Reviewers leave notes on a finished video; the model uses those notes to rewrite the Remotion source; the studio renders a new take.

00:14   hold this beat 1s longer — the cut is rushing the punchline
crop tighter on the dashboard frame · zoom 1.5×
~ soften the music bed under the VO — it's fighting the words
+ add an outro card with the release date
revise-brief  →  revise-render

Notes are timestamped, rect-anchored, or general feedback. The model sees all three plus the composition source.

Two stages: revise-brief proposes a small plan you can confirm. revise-render rewrites the composition and queues a new render.

What it is

Three parts.

The catalog studio is where you work. The revise loop wires it to the source.

Catalog

Captures, music tracks, animated logos, and rendered Hyperframes — indexed together with scenes, transcripts, vision tags, and storyboard frames.

Reviewer

Annotate frames with rects, zooms, and feedback. Leave the same kind of feedback on music tracks and motion graphics. Everything serializes into the brief.

Composer

Two engines: Remotion for programmatic video, Hyperframes for single-file motion graphics. Plus music generation from a prompt and animated logos from an SVG drop.

Four moves

The cycle.

01

Capture

Drop a screen recording in public/inbox/ or render a fresh composition with bun run studio. The catalog scanner picks it up on next build.

02

Review

Open the take in the catalog detail view or the full-screen review modal. Drop annotations on the frames that need changes. Leave general notes for anything that isn't a single moment.

03

Revise

Submit the notes. The brief stage proposes a change plan; you confirm or edit. The render stage rewrites the composition and queues a new job.

04

Ship

Compare takes side-by-side. The catalog stages live moves: sourcewipfinal. Hand off the final MP4 or the source TSX — they always agree.

Stack

What's under it.