Opus HyperFrames Launch Film
Ask Claude Code to build a polished 15-second launch film in HTML, CSS, and JavaScript, then lint, inspect, and render an MP4.

STARTING PROMPT
Reusable prompt
The original English prompt is kept unchanged so you can reproduce the example.
Act as a senior creative technologist working in a local HyperFrames project. Build a polished 15-second 16:9 product launch film from the brief below using HTML, CSS, and JavaScript animation. Brief: [product name, one-line promise, three proof points, and brand colors] First propose a short scene plan and a small component map. Then implement the project with: - a restrained editorial layout and a clear visual hierarchy - deterministic timing, easing, and scene transitions - accessible semantic markup and reduced-motion fallbacks - no external footage, remote fonts, or invented logos - a single source of truth for colors, copy, and timing Before you finish, run the project's lint/check/render commands, inspect the rendered frames, and fix visual issues. End with the exact local command that exports an MP4 and a short list of files changed.
ONE ACCOUNT · ONE API
Create with OmniaKey
Start with the prompt and settings above, then adapt the idea to your project.