Code2Video-AA: how well do AI models design videos in code?

UI motion graphic (product screen-recording style), 16:9, ~7.3s. A demo of a mobile-app wireframe builder: one black title card, then a flat, high-key light-gray workspace where blocks are added to a phone canvas one at a time. Palette: workspace/chrome light gray #F0F0F0, slightly darker panels/menus #E8E8E8, near-black primary text #1A1A1A, muted gray secondary labels #A4A4A1, white canvas #FFFFFF, and a single bright lime-yellow accent #E4E41B used ONLY on the primary button and the active/selected item.

CRITICAL — camera: after the title card the shot is a LOCKED, flat, dead-on screen recording. The framing and scale are CONSTANT throughout — there is NO camera move of any kind (no zoom, no push-in, no pan). All motion is element-level only: a pointer cursor, instant panel swaps, and blocks populating the canvas. (Ignore any impression of a "push-in" — the frame does not scale.)

Scene 1 — Title card (0.0–~0.9s): Solid black canvas #000000. Centered bold white #FFFFFF sans-serif text reads "Rapid wireframing". It holds briefly, then a HARD CUT (no fade) reveals the UI. Static.

Scene 2 — Editor base state (~0.9–2.0s): The light-gray workspace. Left sidebar, top to bottom: "Now editing" / "First screen"; a "Status" row with a small red dot + "to be done"; then a vertical block-type menu listing IN ORDER — Text, Button, Line, Spacer, Icon(s), Gallery, Placeholder, Input, Controls, Navigation, Cards — each with a small monochrome glyph. Center: a blank white mobile-proportioned (tall) canvas. Bottom-right: a "Discard changes" link + a lime-yellow "Save and exit" button. Motion: the whole UI is already present at the cut; the pointer cursor moves toward the block menu. No zoom.

Scene 3 — Add a Spacer (~2.0–3.5s): The cursor clicks "Spacer". A dashed spacer block appears in the canvas (faint "Press Enter/return to add a new block" hint). A right-hand settings panel swaps in reading "Spacer block settings" with size chips XS S M L XL (a small size selected/highlighted lime-yellow). Motion: right panel content HARD-SWAPS (no easing); block pops into the canvas. No zoom.

Scene 4 — Add Media / image placeholder (~3.5–5.0s): The cursor returns to the menu and picks the image block ("Placeholder" / "Media"). A large square light-gray image placeholder (with a wavy image glyph) pops into the canvas below the spacer. The right panel swaps to "Media block settings" showing layout thumbnails with "Image placeholder" selected. Motion: instant swap + pop-in, cursor-driven. No zoom (the framing is locked — do NOT scale the frame here).

Scene 5 — Add Text (~5.0–7.3s): The cursor selects "Text" (the menu item highlights lime-yellow). A text block is added to the canvas: it shows the placeholder "Write something down…", then a heading auto-types in character-by-character (e.g. "Welcome!"). The right panel swaps to "Text block settings" with a text input field, formatting controls (B / I / U + alignment) and a lime-yellow "Generate text" button. Motion: text auto-types onto the canvas; panels hard-swap. The clip ends on this state. No zoom.

Motion summary: black title card → HARD CUT → a locked, dead-on screen recording of a wireframe builder. A pointer cursor drives every action: pick a block type in the left menu → the block pops into the centered white phone canvas → the right settings panel hard-swaps to match it (Spacer → Media → Text). Text auto-types. Every transition is an instant hard cut/swap with no easing, and the camera never moves and the frame never scales — flat, static, dead-on the entire time.