Video & Animation

口播 MG 设计系统硬约束：token 语义、组件规格、铁律。做任何包装元素/视觉决策前必读。触发词：设计系统、组件、token、字体、配色。

素材工程执行 skill：自采/下载/截图/选段/嵌入/调色。触发词：素材、B-roll、录屏、yt-dlp、截图、调色。装配判定真素材段时调用。

>

Use when a completed cut-as-code delivery needs a strict side-by-side review against its original source, including cuts, varispeed, color grade, and graphics.

Use when an understood video project needs selective transcript-timed titles, lower-thirds, statistics, metric spotlights, comparisons, lists, quotes, chapter cards, or calls to action authored as HyperFrames HTML graphics.

Use when footage needs color correction, white-balance or exposure repair, Log-to-Rec.709 conversion, named creative looks, skin-tone review, or a portable .cube LUT for a cut-as-code delivery.

口播 MG 装配流水线：粗剪+SRT 到成片的完整剪辑逻辑。装配、剪口播、包装视频时必读。触发词：装配、口播、剪辑、成片。

>

Use when a video project needs reusable media metadata, word-level transcription, objective speech analysis, or evidence-backed semantic understanding before optional editing skills run.

Use when a talking-head, interview, documentary, or explanatory video needs deliberate transcript-timed visual cutaways from local media or Pexels.

>

>

Edit and finish videos by conversation, including footage inspection, take selection, precise cuts, reframing, color, transitions, effects, licensed music/SFX/B-roll, and pixel-safe burned or sidecar subtitles. Use when the user asks to 剪片、剪影片、上字幕、加字幕、改逐字稿、合併影片、做短影音、加音效／配樂／特效, or wants a complete inspect → choose → edit → review → revise workflow.

Structure Remotion markup for interactivity

Content, animation and effects best practices

Search Remotion documentation

Create a new Remotion video

Transcribing, displaying and animating captions

Router for all Remotion skills

Add a new package to the Remotion monorepo, including package scaffolding, monorepo registration, documentation, build scripts, tests, and release checklist updates. Use when creating a new @remotion package.

Add a browser WebCodecs bug to the Remotion Mediabunny WebCodecs bugs docs page. Use when given a Chromium, WebKit, or Firefox issue URL that should be tracked in packages/docs/docs/mediabunny/webcodecs-bugs.mdx, especially when needing to look up the issue title, filing date, reporter, and resolution state before editing the MDX table.

Remotion Map animation knowledge

Build an app with Remotion

Export a Remotion video