Video & Animation

Use when audio already placed in a HyperFrames composition needs to be mixed: fade-in/fade-out, crossfade, track gain or volume, volume automation, ducking, a music bed that fights a voiceover (voiceover carve), effects on a track (EQ, compressor, limiter, gate, saturation, delay, reverb, chorus, phaser, bitcrush), automation envelopes drawn on a track's volume or any effect parameter, or one submix bus carrying a chain, a fader and an automation clock for several tracks at once (`<hf-audio-group>`). Don't use for sourcing or generating audio — finding BGM, SFX, or making a voiceover is `/media-use`. Don't use for clip timing or track layout, which is `/hyperframes-core`.

The HyperFrames composition contract — build one renderable project. Use for composition structure, the `data-*` timing attributes, `class="clip"`, tracks, sub-compositions, variables, framework-owned media playback, deterministic-render rules, and validation. Read before writing composition HTML.

Author or edit a custom HyperFrames composition when no specialized workflow fits, or when BRIEF.md sets flow: companion. Use for longer or multi-scene pieces, brand and sizzle reels, montages, static loops, static title cards, footage remixes, and freeform builds. Use motion-graphics instead for a short unnarrated motion-first unit, including an animated title. Route fresh creation through hyperframes before using this skill.

Make a 30-40 second vertical (TikTok / Reels shaped) pitch video about a client company to send to candidates before the first recruiter call. Researches the company's facts AND its vibe (own words, founders' public posts, brand colours and type), pitches three distinct creative concepts, builds the chosen one in Remotion with Higgsfield voice, music and a hero clip, then runs a multi-reviewer audit loop. Trigger on "pitch video", "candidate video", "company video", "explainer video for <company>", or a brief + phone script handed over with a request for a video.

Compare two videos with a draggable wipe slider in the browser - video A on the left, video B on the right, a handle on a vertical line starting at 50% - with play, pause, scrub and frame stepping kept in sync on both. Use this whenever the user wants to compare two videos, renders, encodes, grades, film looks, cuts or versions side by side, see what changed between two video files, A/B a before/after in motion, or judge two takes against each other, even if they don't say "slider" or "compare". Not for still images alone or for computed metrics (PSNR, SSIM, VMAF).

Turn a set of raw screen recordings of a product walkthrough (macOS, Chrome, spoken Arabic) into one branded demo video — thumbnail as the first frame with a short animation, a purple branded frame with a section title and step chips, zooms on the key moments, silent-padded transitions that never cut a word, an animated outro, and a WhatsApp-tuned 720p copy. Use when the user sends several .mov screen recordings and says things like «ادمجهم فيديو واحد», «اعمل الصورة في الأول», «الجودة تبقى عالية والحجم يقل», «اعمل مونتاج», «فيديو شرح الميزة», «make one video from these recordings», or asks for a script before recording one («اكتبلي اسكربت أصوّر بيه»). Also use to rebuild a video after the user swaps one recording for another.

Edit raw talking-head / "yap" footage into punchy short-form video (9:16 Reels/TikTok/Shorts, or 16:9). Transcript-driven jump cuts, filler and stutter removal, face-aware punch-in zooms, word-by-word animated captions, sound design, loudness mastering, QA and publish copy. Use when the user gives talking-head footage, a yap, a rant, a podcast clip or a long ramble and wants it edited, cut down, captioned or turned into shorts. Also use for "make this fire", "edit this video", "caption this", "cut the dead air".

Produce narrated product tutorial videos automatically — script, OpenAI voice-over, a real recording driven by Playwright (web app, browser-extension popup) or the iOS simulator (mobile app), cursor/tap highlights, captions, ducked music, title and end cards, 1080p mp4. Use when the user wants a tutorial, demo, walkthrough, onboarding or sales video of an app, or wants to re-record one in another language.

Cria um projeto Motion Canvas com animações overlay sérias (tipos de vídeo: lista/webdoc/lista de argumentos sem B-roll; lista com B-roll; webdoc com B-roll + projeto CapCut) (fundo transparente, 1920x1080 na view, render .mov 4K com alpha) sincronizadas com uma narração .wav — transcrição com timestamps, cobertura ~90% do áudio, ícones de linha/logos/fotos em grafos e árvores, títulos de impacto ≤5%, .meta já sincronizado. Use quando o usuário pedir animações/overlays explicativas para b-roll (CapCut) a partir de um áudio.

Make a polished short video from just a prompt. Product launches (physical or digital), app and code demos, explainers for an idea, announcements, ads, reels, trailers, data stories and kinetic type. Writes the story and storyboard, animates it in HTML/CSS/SVG/WebGL, composes an original soundtrack with sound effects, adds optional voiceover and captions in many languages (right-to-left too), and renders MP4s for YouTube, Reels, TikTok, LinkedIn or X. Runs locally with free tools (headless Chromium, FFmpeg, Python), so no paid APIs, stock subscriptions or watermarks. Use it whenever someone wants a video, promo, teaser, reel, short, motion graphic or animated explainer made, even if they only describe the thing to show.

Recreate or adapt reference-based hand-drawn music videos by breaking down shots, preserving beats and held frames, replacing characters and selectively redrawing, choosing vector, After Effects, or layered raster workflows, and checking contact motion and full-video replacement coverage. Use for reference-driven video production and revisions, not ordinary editing without a reference or standalone illustrations.

Trim any raw spoken recording (YouTube talking head, vlog, tutorial, course, podcast or interview, product review, short-form, in any niche and any language) into a clean edit by cutting only retakes, false starts, stutters, filler sounds, on-camera instructions to the editor, and dead space, with every cut placed on exact word boundaries so no word is ever clipped, then verifying the whole cut by listening back to it. Delivers a single-track timeline (Final Cut Pro FCPXML with To-Do markers, plus an EDL for Premiere Pro and DaVinci Resolve) and a readable cut list. Use this whenever someone wants a raw recording trimmed, cleaned up, "rough cut", retakes or ums removed, dead air tightened, or asks why a cut sounds clipped or choppy, even if they don't say "trim". Also use it to learn a creator's cutting taste from their editor's finished versions or from review feedback.

The method, measured numbers, engines and checks for making studio-grade motion video in code with Claude Code, never AI slop. Use it for ANY motion or video work, from a beginner's first clip to a frame-locked remake: a launch film, product promo, teaser, ad, brand film, sting, demo video, a 1:1 remake of a reference video (with a side-by-side), a landing-page 3D fly-over, a screenshot or dashboard brought to life, a count-up or chart animation, kinetic type, a logo animation, or sound design and music for a video. Also use it when someone says "make a video", "animate this", "make this move", "remake this video", "make it look premium", or asks why their motion looks cheap, floaty, choppy or AI-made. Code-rendered (seek(F) HTML or WebGL -> Playwright -> ffmpeg), with measured easing, beat grids, motion blur, gates and critic agents. Sister of 46-design-skill.

Produce un video de motion graphics de ~1 minuto a partir de un GUION (sin video de cámara) — escenas animadas con la marca del usuario (colores, tipografías, logo), locución con voz IA argentina (mujer u hombre, edge-tts gratis o ElevenLabs), subtítulos dinámicos, música de fondo de Envato con volumen automático y SFX sutiles; entrega un MP4 final + SRT. Al empezar pregunta voz, marca, formato y música. Usar cuando el usuario escribe /motion con un guion (texto o archivo), o pide "hacé un video de motion graphics con este guion", "convertí este guion en video", "video animado con voz en off".

Convert scripts, scenes, treatments, or story beats into production-ready cinematic AI-video shotlists, or revise an existing shotlist while preserving shot IDs and continuity. Use for shot design, scene coverage, horror reveal pacing, reference-image fidelity, and generation-risk review; do not use for screenplay rewriting unless the user asks for it.

Делать короткие ролики (10–30 с) на HyperFrames в проекте Workshop Starter — от смысла и стиля до проверенного MP4, со звуком и без, в том числе с 3D. Вести новичка за руку — показывать меню возможностей и варианты на выбор. Использовать, когда пользователь просит сделать, поправить, озвучить или отрендерить ролик, видео, анимацию, motion graphics, 3D-сцену, собрать MOTION.md из референсов, сделать аудит «выглядит дёшево», а также когда он спрашивает «что ты умеешь с видео», «с чего начать», «что дальше». Явная команда не требуется.

Produzir e adaptar Reels de resultados eleitorais no padrão visual de Théo Bernini, com mapa fiel, motion fluido, voz expressiva, legenda e relatório. Usar com os projetos deste repositório e as contas do autor atual.

制作“大屏人物抛出产品、第一视角接稳、旋转展示、静帧背景与成分逐字卡点”的带货视频。适用于“大屏扔到我手里”“换背景人物产品、节奏照静帧版”等请求；附参考BGM、563帧时间线与逐行展开时钟，每次换背景、人物、产品图和产品文案。

Use this for subtitle and caption translation. Optimizes for spoken naturalness, brevity, timing-friendly phrasing, and readability on screen rather than literal line-by-line transfer.

需要做产品短视频、标题卡、字幕动画时使用；基于 HyperFrames 用 HTML 写视频并渲染成 MP4。

This skill should be used when the user asks about "subtitles", "subtitling", "SRT file", "VTT file", "subtitle timing", "translation for film", "localization", "closed captions", "SDH", "act as a subtitle expert", "subtitle mode", "subtitle formatting", "subtitle translation", "accessibility captions", "subtitle synchronization", "burned-in subtitles", or needs expertise in SRT/VTT creation, subtitle timing, translation adaptation, and accessibility for film and video. Part of the AlterLab FC Skills collection (Cinema & Digital Media department).

把主题做成可直接发布的多平台短视频。用户说要做什么视频、做视频、做短视频、写个视频脚本、给我分镜、出画面、配音、合成视频、做成竖屏横屏成片、带货视频、科普视频、文旅视频时使用。支持文案脚本、分镜表、画面提示词、字幕规格、配音参数、剪辑参数的完整产出，也可直接生成画面或合成 MP4 成片。覆盖文旅民族文化、知识科普、产品带货、生活剧情四类内容，画幅清晰度字体配音全部可控。境外素材库需代理。

完善机器机构的运动控制、联动、时序、节奏与循环，验证交接和任意帧跳转；用于动画制作或运动问题修复。

Plan, create or edit videos from a scenario, script, references or existing footage. Adapt the story, visual planning, generation or recording route, sound and edit to the requested subject, style, duration and deliverables. Use for video projects, not standalone image requests.