Video & Animation

Make a short procedural animation in any style — an explainer, a history, a little story — as a single-file canvas video with a synthesized score, rendered to MP4. Ships with styles (cut paper, crosshatch ink, riso print, sketchbook, manim-style math, pixel art, isometric line art) and makes new ones from the user's references. Walks the user through intake, then three check-ins (story, look, storyboard) before animating, and proves the result with measured review checks. Use when the user asks for an animated video, short, explainer or reel made in code, or wants a look matched from references.

用代码做视频的唯一入口：一句需求 → 成片 MP4 + 可编辑源码。内置五个引擎（onetake / video-shotcraft / claude-motion / mg-motion / wise-motion）与 880 条可检索素材（124 张 Remotion 镜头配方卡、462 条通用动效条目、47 套动画源码案例、20 个源码组件、30 个物件模型、14 个场景起点、15 种 MG 风格签名技法、35 个纯时间动效函数、6 套起始 look），共用一套节奏语法、声音规范与三道质检闸。Use when 用户要做动效 / MG / motion design / 产品宣传片 / 发布片 / teaser / 功能演示 / 网页或截图变视频 / 转场与文字动效 / 复刻某个动效 / 用 Remotion 或逐帧渲染做片，或抱怨成片「像 PPT、没节奏、一个一个展示」。NOT for 实拍剪辑与长视频、只想要内容摘要、只出图不出片、品牌 logo 设计。

Cria vídeos explicativos de quadro branco desenhado à mão (traço de Excalidraw) que se desenham junto com a narração, com uma câmera passeando por um quadro único e um afastamento final que mostra o mapa inteiro. Roteiro, voz por OpenRouter ou ElevenLabs, sincronia palavra por palavra e render em MP4 16:9 com Remotion. Use sempre que pedirem um vídeo explicativo, whiteboard, quadro desenhado, explainer ou um vídeo que explique um sistema, produto, processo, livro ou ideia, mesmo sem citar a skill.

Generate production-ready 2D TSX video files for VidTSX (Remotion-based) from a shot, scene, or video description. Use whenever the user wants to create or generate a VidTSX video, a 2D TSX shot or scene, an animated clip, title card, or rendered motion graphic — including when they describe a visual animation they want built, or say "make a shot", "build this scene", "generate the TSX", or "turn this into a video". Covers the mandatory file structure and composition config, dimension presets (horizontal/vertical/square), six style presets (minimalist, memphis, neo-brutalism, glassmorphism, neon, corporate), and the hard rules that keep renders from crashing, covering frame-based animation only (no useState/useEffect/setTimeout), strictly monotonic interpolate ranges, Easing.bezier not wrapper syntax, and the chroma-js and @remotion/paths import gotchas. Not for 3D/three.js compositions, general React work, or editing video files.

Write HTML/CSS and render deterministic MP4 with HeyGen's HyperFrames; ~450 ready blocks (transitions, kinetic type, captions, charts, maps, 3D), a /figma sub-skill that pulls brand tokens and frames into video, reverse-any-video, slideshow/present mode, and Remotion-to-HyperFrames porting. Use for launch films, explainers, social clips, title cards, or when the user wants video from HTML rather than React.

Use when the user wants to edit, cut, assemble, fix or elevate ANY video — reels, TikToks, ads, commercials, talking heads, interviews, documentaries, product videos, YouTube, podcasts — or asks about pacing, hooks, retention, transitions, kinetic text, captions, subtitles, motion graphics, color correction, color grading, LUTs, audio cleanup, noise removal, voice enhancement, music, ducking, sound design, b-roll, storyboarding a video edit, ffmpeg commands, CapCut projects, AI video/image/music generation for content, or export settings for social platforms. Also use when the user drops raw footage in a folder and wants it turned into something publishable, when they say a video "feels slow / boring / amateur / doesn't flow", or when they need to find the good take among many bad ones. Triggers include "edita este video", "monta esto", "haz un reel", "que se vea profesional", "comercial de TV", "subtítulos", "corregir color", "quitar ruido de la voz", "transiciones", "b-roll", "ffmpeg", "CapCut", "no me…

Talking Explainer - turn a topic into a narrated 16:9 (1920x1080, 60fps) motion-design explainer where a TALKING cartoon presenter (real lip sync - six mouth shapes driven by the voice, poses on cue words, blinks) explains it in the user's own voice, with short basic-English kinetic text on screen, in a sleek APPLE product-page look (white light, Geist type, glass cards, critically damped springs, Solar icons, a lens spine), a camera push-in and an emphasis beat on every scene, and the user's own brand (logo open, corner logo, end card with their call to action). Hook-first script in the user's speaking style -> they record the take -> storyboard -> parallel scene workers -> render with word-sync and zone proof. MUST USE when the user says "talking explainer", "talking mascot", "make the mascot talk", "lip sync explainer", "explainer with a talking character", or asks for an explainer video where the presenter speaks. Also covers: making the user's OWN talking character from 3 image prompts, swapping a…

Rebuild any video file as an editable HyperFrames project - motion graphics, talking heads, live action or AI-generated footage. Measure and watch it, rebuild every layer, then check the render against the original frame by frame. Use to reverse, recreate, replicate or copy a video.

Thêm phủ hình, b-roll đồ hoạ theo lời cho video người nói, thu nhỏ khung mặt, số đếm, danh sách, so sánh, các bước, biểu đồ cột và phụ đề karaoke Remotion.

Make a YouTube video end to end with the videokit toolkit (Remotion, code-drawn animation, Gemini voice). Asks the brief first (long 16:9 or Short 9:16, narration voice, look, how the characters and every other asset are made - drawn in code, emoji or Gemini-generated - and music), writes a full draft of the story and every scene's transitions, animation, lighting, sound effects and quality for approval BEFORE building anything, then records the voice, builds the timeline, music and mix, animates with the pro-look effects library, checks it automatically and with a reviewer agent that scores the draft, an animatic and the final cut against a fixed checklist, and renders 1080p (plus a TikTok cut) with the upload sheet. Use this whenever the user wants a new video, explainer, Short, animation, MV or lyric video made, or wants to turn an idea or a script into a video, even if they only say make a video about X, can you animate this, or do a short on Y. Not for advice questions about YouTube or ideas only -…

Make a ~55-70 s vertical cartoon story short in the "2D characters in a colourful 3D world" style (flat bean-head cartoon cards with ink outlines, painted 3D town/world with black ink lines, saturated sky, depth-of-field backgrounds, gliding cameras, voice narration, synthesized SFX + march-style music), rendered with three.js inside Remotion. Proven on "The Bridge That Fell for a Song" (2026-10-31). Use when the user asks for another video "like the bridge video", "like the soldiers/bridge short", "in that cartoon 3D style", a history/science story short with cartoon characters in 3D, or says "use the cartoon short skill".

复刻"科普观察室"式 AI 科普视频全流程：选题→查资料→出处核对→数据模型→写讲稿→多 CLI 盲审→回原文定谳→配音字幕→画面(Remotion)→机器检查→人审片→发布包→评论回流。当用户要做一期科普视频、开新科普选题、提到盲审/定谳/审片/出片/发布包，或在科普系列项目目录里问"这一期到哪了/继续/下一步"时使用。单点任务（只要去AI味、只要配音、只要字幕、只要改 Remotion 动画）不要加载本技能，直接做该单步。

编码 Agent 做视频时的能力地图与工艺手册：列出可调用的画面、3D、生成式模型、合成与音频能力（Remotion、HyperFrames、three.js、Blender、Tripo、生成视频/图像/3D/音频模型、numpy、ffmpeg 等）和真实素材来源（本地素材索引、开放素材库检索与授权），说明各自擅长的表达、边界、代价与验证状态，附历史案例的组合、经验与坑；每个案例收尾时判断有没有值得沉淀的新工具、方法、教训，有才回写进本手册。用户要用代码或 Agent 产出 MG、讲解片、产品宣传片、3D 动画、短片、数据可视化视频，或在规划视频该用哪些工具时使用。纯转写、视频内容分析、单张生图不触发。

Add the voiceover, word-timed captions and sound effects to a faceless reel and produce the finished video. Works with a free AI voice (Malayalam, English, Hindi, Tamil and many more), ElevenLabs, or the user's own recording. Use when someone wants a voiceover, captions or subtitles on an animated reel, sound effects, or to finish, render or export a reel made with viral-animate. Fourth step of the viral pack.

Edits a talking-head clip into a storytelling reel. Three simple image cards run across the top, with a bold black-box title and a small white subtitle under them, all landing together over one continuous take with simple TikTok-style captions (white, black outline, 1 to 3 words). Use when the user runs /storytelling or asks for a story or proof reel, "three images and a title", or a lead-magnet style edit on a 9:16 clip.

Continuous-scene Remotion camera system with mandatory intake, approved-reference review, anti-neon rules, and first-pass QA.

Redesign GitHub README homepages or create project-native pure SVG, hybrid SVG-composed PNG/WebP, and opt-in animated GIF assets. Use when a user asks to beautify, redesign, rebrand, visually upgrade, simplify, or audit a GitHub README; create only a hero, section headers, diagrams, badges, motion graphics, showcase modules, or other README assets; or turn a repository homepage into a cohesive visual story. If whole-README work versus asset-only work is unclear, ask which scope the user wants. For hero-like assets where pure SVG and generated raster material are both viable, explain the tradeoffs and confirm the implementation before creating the asset.

Produces short looping motion social creatives in Codex. Use when creating motion graphics, stop-motion ads, animated social posts, looping MP4/GIF creatives, Reel-style frame sequences, storyboards, frame prompts, and simple video assembly from generated images.

Plan and produce videos from concepts, scripts, supplied footage, animation, effects, narration and music with OpenMontage pipelines, checkpoints, local FFmpeg, Remotion and HyperFrames.

Make a "What If" animated episode from one topic line ("What if you could rewind 10 seconds?"), in the dusk-lit stick-figure style of the What If channels that broke out on YouTube in October 2026. Writes the script on the seven-beat What If formula, voices it with ElevenLabs, lays out a shot list at the genre's pace, renders a storyboard of stills and self-checks it before animating, animates every frame in code (Remotion and SVG, with an original cast on one rig, rooms in perspective and light from lamps and windows), generates and syncs the sound, and masters a finished 15-25 s episode to -14 LUFS. Use when someone asks for a What If episode, animation or cartoon, "make a what if video about X", a stick-figure explainer in this style, or to run the free What If skill.

Create looping outline animations from geometric shapes or supplied SVGs using staggered copies, shape-specific tilt and rotation, pronounced easing, and a subtle halo. Deliver a live adjustable preview and exported video. Use for contour motion graphics, not general interface transitions.

Directs a faceless vertical short from idea to finished, mastered file, and gets better with every run. Picks a format, writes the episode in a writers' room (three premises judged as the buyer), voices it, gates on an animatic, then decides beat by beat how each moment is made: drawn in code in Remotion, a cut-out from a generated still, a generated clip, or one of the engine tracks. Modes: series, writers-room, produce, sound, finish, bakeoff, effects (/effects), improve (the learning loop after every short). Formats so far: character skit with dialogue and synced mouths, photoreal mini documentary with sourced figures. Triggers on "make a short", "next episode", "make a video about X", "faceless video", "reel for this offer". Do NOT trigger for editing an existing video file, for a pure code-drawn explainer with no writers' room (make-short), or for collage (make-vox).

Make cinematic product promo videos of a real web app in Remotion: captures the real pages, picks from ~124-150 shot recipe cards, offers the Ink Press template, beat sync and Freesound sound design. Use for "make a promo/launch video of my site/app", single shot-card effects, or finding/aligning SFX for an existing product video. Always fetches latest.

Spatial Film - the film engine behind talking-explainer. Make a 45-90 s unnarrated spatial 3D product motion graphic (one CSS-3D camera, push-throughs, no hard cuts, last frame loops into the first) with real product UI, platform-faithful third-party canvases (GHL, n8n, Zapier), a native-tempo music bed and SFX, rendered at 1080p60 via HyperFrames. Built by 5 parallel scene workers against one contract (frame.md + seam table + per-scene harness). Use when the user says "spatial film" or "3D motion graphic", hands over a MOTION-PROMPT.md, or asks for a 6+ scene / 3D-camera product video with NO voiceover. A narrated explainer (the user's voice and/or a mascot presenting) is explainer-kit, which runs on this skill's machinery.