Video & Animation

D0 / Donut 品牌 token 全局参考。所有生成 D0 品牌 HTML、HyperFrames、Remotion 输出的 skill 必须以本文件为字体、字号的唯一权威来源。颜色规范待内部新标准确定后补入。不直接触发，由其他 skill 引用。

Official Remotion agent skills for React video creation.

Violin translate/dub skill for video localization.

Produces the media a course or page still lacks — lesson scripts, animated explainers (Remotion), talking-head video (a camera plus Descript, or HeyGen), a TTS voice track in de/en/fr/es (edge-tts free by default) and subtitles. Use this when the user says "create my course content", "I need videos for my lessons", "can you produce the videos?", "make an explainer video", "I want a talking-head video", "give the videos a voice", "add subtitles", "my lessons have no videos yet", or when a course

This project introduces the Slidev Workspace tool and explores Remotion skills combined with vibe coding to test the extent to which promotional videos can be produced.

When the user is a solo founder building their GTM motion, wants to scale without hiring, or needs to design an AI agent team for go-to-market. Also use when the user mentions 'solo founder,' 'one-person startup,' 'solopreneur,' 'bootstrapped,' 'no team,' 'AI agents as team,' 'scaling without hiring,' 'founder-led sales,' 'lean GTM,' 'one-person company,' or 'no employees.' This skill covers the complete solo founder GTM playbook from stack selection through agent team design, revenue-stage tran

Create, edit, or fix Lottie/Bodymovin JSON animations for the local Skia Skottie player. Use for text-to-Lottie, SVG/logo/type animation, loaders/icons, state feedback, UI microinteractions, lower thirds, diagrams, data/stat/chart animations, product promos, scene/camera motion, visual effects, scene edits, slots/controls, and Skottie debugging.

Langfuse repo Git, GitHub, commit, branch, pull request, issue search, release, and production-promotion workflow. Use when staging, committing, pushing, opening PRs, choosing a Linear git branch name, handling Claude, Greptile, or Codex review comments, searching GitHub issues, or changing release/promotion behavior.

Full-stack frontend development combining premium UI design, cinematic animations, AI-generated media assets, persuasive copywriting, and visual art. Builds complete, visually striking web pages with real media, advanced motion, and compelling copy. Use when: building landing pages, marketing sites, product pages, dashboards, generating media assets (image/video/audio/music), writing conversion copy, creating generative art, or implementing cinematic scroll animations.

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.

Create hackathon/product demo videos using Remotion. Handles video structure, scene creation, screen recordings, voiceover generation, and final rendering. Use when building demo videos, explainer videos, or pitch videos for any project.

Create polished product, app, SaaS, mobile, or brand demo videos from assets, screen recordings, screenshots, Figma exports, narration, music, and motion direction. Use when the user asks to create, refine, render, synchronize, or audio-mix a real video artifact such as a product promo, app walkthrough, launch video, feature trailer, social video, or narrated demo.

Produce a launch/marketing film - a Remotion timeline cut over real product footage captured by driving the running app headlessly. Use when asked for a product demo video, launch film, hero video, landing-page video, marketing video, product trailer, or a screen recording of the app turned into something polished. Covers the capture pipeline, the editorial rules, and the traps that silently produce broken footage.

Create a short premium product video (Remotion + React/TypeScript) from software that already exists in the repo — launch video, landing-page hero, demo reel, feature announcement. Works for web apps, mobile apps, CLIs, APIs and SDKs, desktop apps, extensions and data products. Clarifies scope first, then derives everything on screen from the repo rather than inventing it. Use when asked to make a product video, demo video, launch video, feature video, or to "record a demo" of something in this

SRT 자막·MP3/WAV 음성을 style/scene plan 기반 Remotion MP4로 변환하는 Codex Skill | Codex Skill that turns SRT subtitles and MP3/WAV narration into style/scene-plan driven Remotion MP4 videos

Use when applies to CSS and JavaScript implementations of modals, overlays, pop-ups, cookie banners, newsletter sign-up dialogs, and promotional overlays. Check for `position: fixed`, `position: absolute` with large z-index, backdrop overlays, and JavaScript that shows modals on page load or shortly after. Consider both SEO impact (Google) and accessibility (WCAG focus management).

Art-direct and implement distinctive, motion-rich marketing, editorial, portfolio, and landing websites with original reference-inspired imagery, standout heroes, GSAP choreography, one smooth-scroll engine, optional Three.js shaders, honest icon and logo sourcing, photo avatars, accessibility, and performance safeguards. Use when a user asks for an Awwwards-quality, premium, cinematic, interactive, high-concept, or motion-led website, or explicitly requests this visual and motion system.

Create Apple-keynote-quality product demo videos with Remotion. Covers glass phone mockups, floating 3D spheres, typing animations, card UIs, ripple effects, and smooth scene transitions. Use when asked to create product demos, app showcase videos, UI walkthrough animations, or

Product demo videos, generated from code. Playwright records a real flow; Remotion adds a Screen Studio-style camera — zoom on click, easing, motion blur and a vector cursor.

Claude Code skill for making and editing video with cinematic motion — Remotion + FFmpeg. Assembled from four open skills, keeping their case law intact.

Use when the user asks to create or edit videos end-to-end (script→video, auto-cut/jumpcut, captions/subtitles, polishing for Shorts/Reels/TikTok). Current implemented backend: local FFmpeg (probe/render/jumpcut/burn-subtitles/polish). Planned/optional backends: Remotion (motion graphics templates), VectCutAPI (CapCut/剪映 timeline editing), and video-audio-mcp (MCP tool wrapper) when available. Produces a finished video artifact (MP4 by default) from assets + copy + a design/storyboard plan.

Skill Claude Code : une vidéo marketing animée de ton SaaS (Remotion) à partir du vrai produit — captures Playwright, curseur, zooms, musique synthétisée, MP4 vérifié. /promo-video

Use this when the user wants to turn long-form interview, podcast, or talking-head recordings into short vertical (1080x1920) clips for TikTok/Reels/Shorts: cutting to word-exact boundaries, removing filler words and dead air, and laying out interviewer + interviewee footage as split-screen or full-frame portrait shots with Remotion. Covers three shot types (`split`, `portrait-interviewer`, `portrait-interviewee`), an EDL (edit decision list) JSON schema handing cut points from transcription to

Plan a product demo, feature announcement, or launch video as a beat sheet and shot list BEFORE animating - hook in the first 3s, problem, reveal, proof, CTA - with target duration and pacing per scene type, output as a JSON scene plan that remotion-compose consumes directly. Use when someone says