Claude Opus 5.5 in Claude Code 2.1.280 + Remotion/HyperFrames skills

[Task]
Create an 18-second brutalist, web-style promo at 1920x1080, 30 fps, for a fictional design festival called GRID/LOCK 26, held in the fictional city of Port Vessel. Everything is cut to a 120 BPM grid, which gives one beat every 0.5 s (15 frames) and 36 beats in total.

[Scenes]
1. 0-3 s: A raw white screen with a visible 12-column grid in hairline black. On each beat a heavy black block snaps into a grid cell. On beat 6 the word "GRID" slams in at 400 px, cropped by the frame edge.
2. 3-6 s: "/LOCK" crashes in beside it, pushing "GRID" left. Two marquee tickers start running in opposite directions, one reading "DESIGN FESTIVAL ✶ 3 DAYS ✶ 40 SPEAKERS ✶" and one reading "NO TEMPLATES ✶ NO MERCY ✶".
3. 6-9 s: Glitch layout shifts land on every beat. The columns jump to new widths, text blocks reflow, and an RGB-split offset hits for 2 frames on each downbeat. The dates "14—16 OCT" stamp in, rotated 90°.
4. 9-13 s: A rapid lineup. Speaker names pop into cells, one per beat, in alternating black-on-acid and acid-on-black: "MAREN OKAFOR-LUND", "TEO BRASK", "YUNA HALVERSEN", "DESMOND QUILL", "ADA PRZYBYL", "RUI CASTANHEDA", "NOOR ELLINGTON", "KASPER VOSS".
5. 13-16 s: The camera lurches. The whole page scrolls upward fast, like a browser flicked by a thumb, and overshoots. Tickers stack in four rows at different speeds, and a cursor clicks a crude "BUY TICKET →" button that inverts.
6. 16-18 s: Everything collapses into the grid, leaving "GRID/LOCK 26 — PORT VESSEL — GRIDLOCK.FEST" on acid yellow. The final beat freezes it with a single scanline flash.

[Style]
Palette: #FFFFFF paper white, #0A0A0A black, #D7FF1F acid yellow, #FF2E2E alarm red, #3A3AFF hyperlink blue. Oversized grotesk type in condensed and extended widths, paired with a raw monospace for metadata. The look is flat, with no gradients: pixel-hard edges, default-browser underlines and visible borders. Motion uses hard steps, linear tickers and snaps that land exactly on beat frames, with occasional 1-frame overshoots.

[Wow]
- Every major hit lands precisely on a multiple of 15 frames, and the downbeats (every 4th beat) get bigger moves.
- Real layout reflow: text wraps differently each time the column widths change.
- Layered marquees at four speeds create depth, with parallax on the scroll lurch.
- Controlled glitch work: RGB split, slice displacement and scanline tears, all seeded.

[Rules]
- Every frame is drawn in code (SVG, canvas, CSS or WebGL). No image files, no image generation, no external assets beyond fonts.
- Deterministic: no unseeded randomness at render time.
- Text must be crisp, spelled correctly and readable at 1080p.
- No hard cuts between scenes: every change is a designed transition.
- Glitch effects never last longer than 3 frames and never obscure the festival name, dates or URL.

[Harness notes] Render the final video to out.mp4 (1920x1080, 18 s). Write everything into the working directory. HyperFrames 0.8.70 is already installed for you in the current directory: node_modules is pre-installed and read-only, so do not run npm install or npx --yes; use the local hyperframes command (for example hyperframes init <dir> --example blank, then hyperframes render). Render the final video yourself to out.mp4 in the current directory. You may take snapshots and inspect your own output (headless chromium is available at /usr/bin/chromium) and iterate on your own before finishing.

Copy promptShow all