HyperFrames workflow selector
hyperframesSelect and coordinate the HyperFrames workflow for an editable HTML video composition.
Outputs and requirements
Outputs
- A chosen production workflow, editable composition, preview, and requested render.
Required setup
- Node.js 22 or newer, HyperFrames CLI, FFmpeg, and browser rendering support.
Scope
- The toolkit refers to optional upstream workflows that are not all installed here.
- Check availability before selecting an unbundled skill or provider.
Animation and scene transitions
hyperframes-animationChoose and implement animation timing, scene transitions, and supported motion adapters.
Outputs and requirements
Outputs
- Editable animation sequences and scene transitions.
Required setup
- HyperFrames and the selected animation adapter.
Scope
- Optional adapters can require extra packages or skills.
- Motion must follow the current project's style and accessibility needs.
HyperFrames audio mixing
hyperframes-audioMix placed dialogue, music, and effects with fades, gain automation, ducking, and supported audio processing.
Outputs and requirements
Outputs
- Editable audio levels, fades, effect chains, or grouped mix controls.
Required setup
- HyperFrames and the source audio files.
Scope
- This skill mixes existing audio. It does not find or generate the source assets.
- Noise processing can damage speech when applied too strongly.
HyperFrames previews and renders
hyperframes-cliOperate the CLI for project checks, snapshots, previews, local renders, and supported remote render routes.
Outputs and requirements
Outputs
- Check reports, preview links, snapshots, or encoded video files.
Required setup
- Node.js 22 or newer, HyperFrames, and FFmpeg.
- Remote render routes need the relevant accounts and configuration.
Scope
- A successful file check does not prove visual or editorial quality.
- Hosted rendering and provider charges are separate from this library.
Composition structure and timing
hyperframes-coreDefine the renderable HTML structure, tracks, clips, source times, and media placement.
Outputs and requirements
Outputs
- Correct composition markup and timing relationships.
Required setup
- HyperFrames and local source assets.
Scope
- Use hyperframes-keyframes for visual camera motion and hyperframes-audio for mix changes.
Video design direction
hyperframes-creativePlan palettes, typography, composition, narrative structure, and visual hierarchy for HyperFrames projects.
Outputs and requirements
Outputs
- A scene plan and consistent design choices tied to the message.
Required setup
- The current agent and the project assets.
- Rendering uses the separate HyperFrames runtime.
Scope
- Creative direction does not supply footage or prove a product claim.
- Use the user's accepted preset before generic examples.
Zooms and camera motion
hyperframes-keyframesAuthor predictable punch-ins, reframing, pans, and other visual property animation.
Outputs and requirements
Outputs
- Editable keyframes and checked camera motion.
Required setup
- HyperFrames and an existing composition.
Scope
- Keyframes do not repair cut timing. Use hyperframes-core for trims or source-range changes.
Reusable motion components
hyperframes-registryFind and install existing HyperFrames components for a named effect or visual treatment.
Outputs and requirements
Outputs
- A selected component with the required assets and project wiring.
Required setup
- HyperFrames CLI and access to its component catalog.
Scope
- A catalog result still needs adaptation and visual review.
- Some components require optional dependencies.
Custom HyperFrames videos
general-videoBuild longer or custom HTML video compositions when a specialized workflow does not fit.
Outputs and requirements
Outputs
- An editable multi-scene composition and requested preview or video.
Required setup
- HyperFrames and its core, creative, animation, and media support skills.
Scope
- This is a composition workflow, not an automatic substitute for footage editing judgment.
- Optional Figma or media providers require their own available tools.
Product launch videos
product-launch-videoTurn a product URL, script, or brief into a launch or promo video with a storyboard, voice, music, and designed frames.
Outputs and requirements
Outputs
- An editable HyperFrames project with a storyboard, a script, and one composition per frame.
- A rendered 16:9 MP4 by default.
- A 9:16 reel or 1:1 version when the storyboard format is set to portrait or square. Each format is a separate build.
Required setup
- Node.js 22 or newer, HyperFrames CLI, FFmpeg, and the bundled HyperFrames and media-use skills.
- Web access to capture a URL. A HeyGen account or the offline Kokoro voice for narration.
Scope
- Music lookup needs a HeyGen account. Without one, the video has no background music.
- Figma sources need a separate Figma skill that this library does not include.
- Its cross-workflow tests expect upstream HyperFrames workflows that are not bundled here.
Designed video overlays
talking-head-recutAdd timed information graphics, titles, side panels, and picture-in-picture elements to existing talking footage.
Outputs and requirements
Outputs
- An editable HyperFrames composition with synchronized graphic overlays.
Required setup
- HyperFrames, FFmpeg, source access, and the bundled design assets.
Scope
- Graphic overlays differ from word-by-word subtitles.
- Paweł's current preset rules override the toolkit's generic design examples.