← ClaudeAtlas

hyperframes-videolisted

Use when the user wants to generate a rendered promotional video (not just a script) for a PR, feature, or product change — produces a HyperFrames HTML composition, iterates with `npx hyperframes preview`, and outputs mp4 + poster for X/LinkedIn/social.
AlemTuzlak/skills · ★ 39 · AI & Automation · score 68
Install: claude install-skill AlemTuzlak/skills
# HyperFrames Video Turn a PR into a rendered short-form promo video with a hook, code moments, and CTA, using HyperFrames. Iterate with live preview via `npx hyperframes preview`, then render `video.mp4` and `poster.jpg` for X/LinkedIn/social. Unlike `/video-script` (which produces a textual script), this skill produces the actual video file. Counterpart to the `remotion-video` skill — same workflow shape, same storytelling rules, but built on the HyperFrames stack instead of Remotion. ## Triggers Invoke when the user says: "make a video for this PR", "hyperframes video", "render a promo video", "video for X/LinkedIn", or when selected from `/marketing-pipeline`. ## How this skill relates to the hyperframes ecosystem This skill carries only the promo-video-from-PR logic: input resolution, narrative planning, motif derivation, hook enforcement, scene-plan auditing, render-time gates. The mechanics of authoring HyperFrames compositions, running the CLI, animating with GSAP, and installing registry components are owned by separate skills you should invoke when their topic comes up: - **`hyperframes`** — composition authoring rules: DESIGN.md gate, Layout Before Animation, palettes, transitions, typography, motion principles, captions, audio, TTS. - **`hyperframes-cli`** — every `npx hyperframes <command>` (init, lint, inspect, preview, render, transcribe, tts, doctor, browser, info, upgrade, compositions, docs, benchmark). - **`gsap`** — GSAP timeline patterns, easing, s