← All skills & workflows

video

hyperframes-studio

Design-first, render-deterministic motion graphics. Plan the visual direction, motion character, and brand identity before writing a single GSAP tween. Then compose production HTML and render to MP4 with the HyperFrames engine.

Inputs

  • tone-of-voice — Brand voice for narration and on-screen copy.
  • product-record — Product record — what the video explains.
  • marketing_context — Positioning and messaging context.
  • script — Voiceover script driving scene timing
  • brand_assets — Logo, product screenshots, brand colors/fonts
  • brand_assets — Logo, product shots, UI screenshots, brand colors, fonts
  • brief — Scene narrative and key messages
  • copy — Scene text content and narrative arc

How you ask

  • Create a brand-matched talking-head explainer and pause for design approval before animation.
  • Produce a product promo from these screenshots and this brief.
  • Build a music-only kinetic text animation and leave the audio placeholder intact.

Outputs

  • <audio> element left as placeholder for user's music
  • design-spec (markdown)
  • draft-video (mp4)
  • final_mp4 (mp4)
  • narration-audio (wav)
  • narration-script (markdown)
  • narration-timings (json)
  • project/DESIGN.md
  • project/SCRIPT.md
  • project/draft.mp4
  • project/final.mp4
  • project/narration.json
  • project/narration.wav
  • project/production/index.html
  • project/storyboard/
  • project/storyboard/scene-NN.html
  • storyboard-scene (html)
  • storyboard-scenes (html)
Leveladvanced
Inputconversation
Outputvideo-script
Setup[install]
Roles[Head of Marketing, Content Manager]