Video & Animation

Modern animation library for React and JavaScript. Create smooth, production-ready animations with motion components, variants, gestures (hover/tap/drag), layout animations, AnimatePresence exit animations, spring physics, and scroll-based effects. Use when building interactive UI components, micro-interactions, page transitions, or complex animation sequences.

Transcribe audio or video on your own machine with Whisper (mlx-whisper, faster-whisper or whisper.cpp) and get word-level timestamps as words.json, a plain .txt and an .srt. No API key, nothing uploaded. This is the transcription step the editing skills (edit-style, longform-edit, reel-captions) depend on. Use when asked to transcribe a take, get word timings, make an SRT, re-transcribe a final render for a caption sync check, or 'run whisper locally'.

Writes captions for a finished video from its transcript: pulls the line worth repeating, writes first-line options, writes per-platform versions (Instagram, TikTok, YouTube title and description, others on request), keeps the creator's voice using their best past captions, and checks the call to action matches what the video actually says. Use when a creator asks for captions, a caption hook, a YouTube title and description, or a CTA check. Drafts only; never posts or schedules.

Runs five agents that keep a YouTube channel's titles and descriptions matched to what people search for now: a Channel Reader that pulls the user's own video list and stats with their YouTube Data API key, YouTube Analytics OAuth or a pasted YouTube Studio export, a Niche Watcher that finds what is working right now for similar-size channels from public search results the API returns or the user provides, a Title Writer that drafts titles, descriptions and chapters for new videos, a Back Catalogue agent that picks old videos worth a refresh and drafts new versions, and a Change Tracker that records every change the user makes and compares before and after on matched windows. Use when a creator asks for YouTube SEO, better titles or descriptions, what is working in their niche, a back catalogue refresh, or says \"seo run\". Never invents search volumes or stats and never changes a video; drafts only.

Measures and reconstructs UI motion from recordings, fits easing and springs, diagnoses jank, tunes gestures, and gates sparse interface sound. Use for "match this easing", "reverse engineer this motion", "debug this animation", or "add a click sound". For new web motion use animate; for motion critique use review-animations; for opportunity discovery use find-animation-opportunities.

Have Google Gemini actually watch a video (moving picture and audio together) and report back. Gemini reads public YouTube links natively, so nothing is downloaded. Use when a video's value is visual or in the audio (editing technique, physical demonstrations, software walkthroughs, music, tone), when the watch skill finds no captions, when YouTube downloads are blocked, or when the user asks to use Gemini on a video.

After Effects animation rendering for web and React applications. Use this skill when implementing Lottie animations, JSON vector animations, interactive animated icons, micro-interactions, or loading animations. Triggers on tasks involving Lottie, lottie-web, lottie-react, dotLottie, After Effects JSON export, bodymovin, animated SVG alternatives, or designer-created animations. Complements GSAP ScrollTrigger and Framer Motion for scroll-driven and interactive animations.

Create polished short product demo or store promo videos from product screenshots, screen recordings, a repository, and optional visual references. Use for a new promo or a substantial restyle, not for simple trimming or captions.

「Vox 拼贴风科普短视频」工作流：给一个科普主题（新闻、诺奖、科学发现、科技事件），先上网查权威资料和可用的真实素材（NASA、Wikimedia Commons、官方新闻稿插图），写一份像聊天一样有语气、有强钩子和深度结尾的口播稿，用带语气提示的豆包复刻音色配音，再在 weilanx-claude-videos 工程里做成横屏 16:9 的 Vox 拼贴片：A-roll 是黑卡大字，B-roll 是钉在旧纸桌面上的真实视频和照片，按字幕硬切，配一条有律动的电子配乐。最后打开 Remotion Studio 给用户预览，确认后再导出。用户说「做一期 Vox 风格的科普」「用 Vox 风格讲讲 XX」「做一期 XX 的科普，要真实素材」「像诺奖那期一样做一期」时使用。

“一个关键词出一期像素风口播动画”工作流。用户只给一个主题或关键词（比如“上下文是什么”“MCP”），就依次写口播稿、用复刻音色配音并加速 1.2 倍、转 SRT、在 weilanx-claude-videos 工程里新建一期（竖屏 3:4、首帧带封面）并剪好、写好发布文案（标题和描述），最后打开 Remotion Studio 给用户预览；用户确认后再导出，成片目录里同时带字幕稿和发布文案。用户说“做一期 XX”“用这个关键词出一期视频”“按工作流来”时使用。

「暗金文献风纯音乐知识短片」工作流：给一个知识点（数学、经济、心理、科学、历史上的某个规律或冷知识），不配音、不找素材，只用代码画面 + 中英双语字幕 + 一首配乐，在 weilanx-claude-videos 工程里做成横屏 16:9 的 30～60 秒短片：近黑底、金色细线、衬线字，先找一个「锚词」，开头用第二人称写观众的处境，第一个高潮踩在配乐的「换气 + 重拍」上让锚词砸出来，结尾重新定义锚词并抛一个问题。最后打开 Remotion Studio 给用户预览，确认后再导出。用户说「做一期暗金风的」「像棋盘麦粒那期一样做一期」「用金色风格讲讲 XX」「做一条纯音乐的知识视频」「Vibe 知识视频」「不要口播，只要字幕和音乐」时都用这个 skill，即使没提「暗金」两个字，只要是无口播、靠画面和字幕讲一个知识点的短片也用它。

Generate narration locally in a consented speaker's voice using the bundled Chatterbox TTS model. Works with any language supported by the installed checkpoint. Audio finishing and soundtrack mixing are separate steps.

「参考视频 → 新风格素材包」蒸馏工作流：把用户给的一支或多支参考视频逐镜头拆解（硬切、镜头表、关键帧、联系表、主色板与强调色、运动强度、动效切片、配乐卡点），提炼出配色、字体、版式、入场 / 转场 / 镜头运动、节奏和招牌画面这些「画面语法」，再在 weilanx-claude-videos 工程里从零写成一套可复用的 Remotion 风格素材包：src/library 下一个以风格 ID 命名的组件目录、一个 library- 开头的预览作品、styles/我的风格 下的风格配方卡，并登记进素材库目录和风格总表。用户说「蒸馏这个视频的风格」「把这几个视频的风格整理成一套素材」「一比一复刻这个视频的样式」「拆解这个视频的动效和画面」「照这个视频做一套新风格」，或者丢来参考视频（template/、Downloads 里的 mp4）想学它的样子时都用这个 skill；只想复刻单个动画片段、不需要进素材库的，也先用它做拆解。

Reframe a selected source range for wide YouTube, vertical Reels or Shorts, square, or portrait-feed delivery with fit or intentional crop.

Turn explicit creator feedback on pacing, framing, titles, transitions, and audio into a reusable style note without overgeneralizing one-off corrections.

Prepare source-backed cover art, title or caption, credits, and optional long-form chapters for YouTube videos, Shorts, Instagram Reels, or other delivery formats.

Review a finished video export for story coverage, readable text, framing, motion graphics, audio, and technical integrity before delivery.

Match narration or dialogue to indexed footage and audit a video timeline for off-topic shots using local, free tools. Use for footage searches and voiceover-to-picture alignment; do not treat filename similarity as visual proof.

Design and add short motion graphics inside an existing video, such as titles, maps, labels, lower thirds, photo moves, and transitions, using Remotion or HyperFrames where appropriate.

Audit the picture and audio at edit boundaries in a rendered video, catching clipped speech, sudden sound changes, black frames, awkward dissolves, and visible jump cuts.

Build a coherent travel, food, visit, or topic-driven video from inventoried footage, choosing story beats, clip order, pacing, still-photo placement, and an edit decision list.

Prepare source-linked cutaway clips for any long or short video, with timecodes, rights, clear names, format-aware framing, and a contact sheet.

Measure and finish the mixed audio of a Reel, Short, long video, or audio-only deliverable with local FFmpeg and an encoded-output check.

Compare multiple frames from videos or photos across cameras, lighting, and output formats, then review a deliberate color adjustment.