Cinematic Hero Builder
A gallery-grade first screen as one index.html: a generated looping video, a value-level spec, and a screenshot-and-fix loop until it scores 8.
Build a cinematic hero or landing page as one index.html: the Agent picks one signature idea, generates a keyframe and a looping video through SandBase, writes a value-level spec, then screenshots desktop and mobile and fixes the weakest areas until the page scores 8 or more.
How it works
Fix the subject, mood and one signature idea; read a calibration spec of the same kind
Generate a keyframe with an empty copy zone and a 5 s loop through SandBase; measure that it actually moves
Write the value-level spec, build the page, then shoot, score and fix it until it reaches 8
Frequently asked questions
How much does one video hero cost?
In our runs one keyframe (GPT Image 2.5 Flare, 2k) cost $0.11 and one 5 s Kling 3.0 Omni Pro clip cost $0.39. media.mjs plan shows the current price before anything is billed, and --budget caps a run (at most $5).
What if the generated clip barely moves?
media.mjs check measures how much of the frame changes. Under 3% the page reads as a still image, so rewrite the motion prompt and rerun only the video with --keyframe; the still is not paid for again. Our first Atlas clip measured 0% and the rerun 32.5%. Clips whose camera moves are looped forward then backward, so there is no seam and the subject never doubles.
What do I need locally?
Node.js, Chrome and, for loops and posters, ffmpeg. Media generation needs a signed-in sandbase CLI or SANDBASE_API_KEY in your own shell. Without media the Skill builds a type-led hero instead, like the Transfer example.
Is the score an external benchmark?
No. The 8-point bar is the Agent scoring its own screenshots against the bundled rubric. The examples are fictional brands; the generated footage is a stand-in you can replace.