Video & Animation

Create a clear step-by-step TUTORIAL or HOW-TO VIDEO as one self-contained HTML file: a numbered step HUD with progress, the real UI rebuilt in HTML/CSS, a zoom to each control, a spotlight before each click, a cursor that clicks and types, keycap overlays, success states and a recap, with a synced voiceover or captions and a calm synthesized score. Verified frame by frame and exportable to MP4. Use for how-to videos, help-center videos, onboarding steps, training and enablement clips, feature setup guides and \"how do I…\" answers, for any app, website, device or process, in any style. Accepts creative dials --creativity, --typography, --animation and --motion (low, medium or high; medium by default).

Create professional launch films, product explainer videos, app walkthroughs and kinetic-typography motion graphics as ONE self-contained HTML file (1920×1080 timeline, every frame a pure function of time), with a synthesized Web Audio score or a synced voiceover, verified frame-by-frame in headless Chrome and exportable to MP4. Use whenever someone asks for a launch video, promo, product demo or walkthrough video, explainer, animated ad, kinetic typography, motion graphics, title sequence, social clip, or \"make a video\" without a video editor, even if they only share a script, screenshots, a brand guide, a voiceover MP3 or reference videos. Accepts creative dials --creativity, --typography, --animation and --motion (low, medium or high; medium by default).

Create a trustworthy TESTIMONIAL / CUSTOMER STORY VIDEO as one self-contained HTML file: the customer's real quote revealed at reading pace with the key phrase highlighted, an attribution card, result tiles with counters, a logo wall and a call to action, with a warm synthesized score or the customer's own audio clip with captions. Verified frame by frame and exportable to MP4. Use for customer quotes, case-study and success-story videos, review and rating highlights, before/after results, \"loved by teams at\" logo walls, sales and landing-page social proof, and multi-quote compilations, for any product, service or cause, in any style. Accepts creative dials --creativity, --typography, --animation and --motion (low, medium or high; medium by default).

Create a cinematic product or feature LAUNCH FILM as one self-contained HTML video (kinetic typography, motion graphics, rebuilt product UI, a synthesized score that drops on the reveal), verified frame by frame and exportable to MP4. Use for launch videos, product announcements, \"we just shipped\" films, hero videos for a launch page, Product Hunt or keynote openers, and teaser trailers, for any brand, product, app, service or idea, in any style (professional, clean, bold, fun, premium, tech, warm, editorial), even if the user only gives a product name, a feature list, screenshots or a brand guide. Accepts creative dials --creativity, --typography, --animation and --motion (low, medium or high; medium by default).

Generate karaoke-style word-level timestamps by aligning script text to audio using Qwen3-ForcedAligner + jieba for Chinese word segmentation. Use when the user says 'align captions', 'karaoke timestamps', 'word timestamps', 'caption alignment', 'sync text to audio'.

Analyze raw video content using Gemini to identify speakers, topics, key moments, and potential clip opportunities

Create scroll-stopping SOCIAL ADS and SHORT-FORM VIDEOS (Reels, TikTok, Shorts, LinkedIn, X, story ads, bumpers) as one self-contained HTML file, vertical 1080×1920 by default (or 1:1, 4:5, 16:9). They open with a hook in the first second, use word slams on the beat, colour flips, phone mockups, burned-in karaoke captions for muted autoplay, a punchy synthesized track and a loopable end frame. Verified frame by frame and exportable to MP4. Use for ads, promos, product teasers, app-store and social clips, \"make a reel/TikTok\", 6 s bumpers and 15 or 30 s spots, for any brand, product, app, offer or event, in any style. Accepts creative dials --creativity, --typography, --animation and --motion (low, medium or high; medium by default).

Create an energetic EVENT PROMO VIDEO as one self-contained HTML file: the event name popping in, date, time and place, speaker cards, the agenda, a 3-2-1 countdown and a \"Save your seat\" call to action with confetti, cut on the beat of a synthesized score. Verified frame by frame and exportable to MP4. Use for conferences, meetups, webinars, workshops, launches and launch parties, festivals, concerts, sales and open days, store openings, school and community events, \"save the date\" and \"starts in 3 days\" countdown posts, for any organizer or brand, in any style from playful to corporate. Accepts creative dials --creativity, --typography, --animation and --motion (low, medium or high; medium by default).

Create a polished PRODUCT WALKTHROUGH or app tour video as one self-contained HTML file: the real UI rebuilt in HTML/CSS inside a browser frame, a smooth zoom camera, a cursor that moves and clicks, page changes, loading states, spotlights, callouts and chapter cards, with a synced voiceover or a synthesized score. Verified frame by frame and exportable to MP4. Use for product tours, demo videos, \"show every screen\" overviews, onboarding tours, sales demos and walkthrough series, for any SaaS, app, dashboard, website or tool, in any style, even if the user only shares screenshots and a feature list. Accepts creative dials --creativity, --typography, --animation and --motion (low, medium or high; medium by default).

Create a compelling DATA STORY VIDEO as one self-contained HTML file: big counters, bar charts that grow and annotate themselves, line charts that draw with a moving marker, donuts, comparisons and a closing line, all driven by real data, with a synthesized score that marks every number. Verified frame by frame and exportable to MP4. Use for year-in-review and \"wrapped\" videos, results and impact reports, investor and board updates, KPI recaps, survey findings, case-study numbers and any \"show these metrics as a video\" request, for any company, team or project, in any style. Accepts creative dials --creativity, --typography, --animation and --motion (low, medium or high; medium by default).

Create a clear, memorable EXPLAINER VIDEO as one self-contained HTML file: problem → how it works → proof → next step, told with kinetic typography, animated diagrams, before/after comparisons and product moments, synced to a voiceover (with captions) or carried by type and a synthesized score. Verified frame by frame and exportable to MP4. Use for \"explain how it works\", \"what is X\", feature explainers, one-video-per-feature series, concept and process explainers, service explainers and animated diagrams, for any product, service, idea or process, in any style. Accepts creative dials --creativity, --typography, --animation and --motion (low, medium or high; medium by default).

Create a crisp FEATURE UPDATE / WHAT'S NEW / RELEASE NOTES VIDEO as one self-contained HTML file: a release header, each new feature with a NEW badge, a one-line benefit and a live UI demo (toggles, typing, selections, before/after), a changelog roll-up and an update CTA, with a synthesized score. Verified frame by frame and exportable to MP4. Use for monthly updates, changelog videos, \"we shipped\" roundups, version release videos, product newsletters and in-app announcement clips, for any software, app, platform or hardware product, in any style. Accepts creative dials --creativity, --typography, --animation and --motion (low, medium or high; medium by default).

Create a cinematic BRAND FILM as one self-contained HTML file: a manifesto told in few, beautiful words, colour-field or photo panels with slow Ken Burns moves, values that draw themselves, and a logo sting with letter stagger and tracking settle, carried by a synthesized score (pads, bells, long reverb) or synced to a voiceover. Verified frame by frame and exportable to MP4. Use for brand manifestos, origin and mission stories, values and culture films, rebrand reveals, anniversaries, recruitment films, idents and 5-second logo stings, for any company, studio, product or cause, in any style from premium to playful. Accepts creative dials --creativity, --typography, --animation and --motion (low, medium or high; medium by default).

口播视频增强（Video Boost）：把一支单人口播视频（9:16 竖屏为主，30s–5min）做成「原片 + 同步图形层」的成片——原片画面/声音/时长一律不动，只叠加：胶囊卡拉 OK 字幕、常驻 N 点进度、机制图、真实工具界面示意（Claude Code 会话/作品集页/简历改写等）、结尾 CTA，以及按规则走的运镜（全屏/让位/慢推/硬切放大）。凡用户丢来一支口播视频并说「做一下视频增强 / 增强这个口播 / 给这支视频加图形 / video boost / 做成博主级成片 / 加字幕和动效」，或者截了一帧口播画面让你「增强」时，务必使用本 skill——即使用户没说「增强」二字，只说「把这个视频弄好看点」也算。不用于：拉片分析别人的视频（video-lapian）、从零生成视频（explainer-video-prompt / ref-film-to-storyboard-prompt）、纯剪辑（剪掉片段/变速/调色）。

Guides new users through a friendly onboarding experience

Use when the user wants rules in CLAUDE.md enforced with hooks, says Claude keeps ignoring a CLAUDE.md rule, or asks to turn CLAUDE.md rules into hooks (for example 'promote my CLAUDE.md rules to hooks' or 'make Claude stop editing migrations').

制作中文讲解视频、科普视频、原理动画或 3b1b 风格的视频讲解。用 Codex 编写讲稿和分镜，复用本地 Manim、Kokoro 配音与 FFmpeg，导出 MP4 和字幕。适用于“做一个视频讲解 X”；仅需文字解释、静态图或普通视频剪辑时不启用。

Write production-grade prompts for AI video generation in the Seedance 2.5 shot-memo style. Use whenever the user wants to write, revise, extend, or break down a video-generation prompt or shot description for any shot-based model (Seedance, Veo, Kling, Sora, Hailuo) — character beats, dialogue scenes, aerial/VFX shots, scene extensions/continuations — even if they don't name the tool. Also use when converting a scene, beat, or storyboard frame into a prompt a video model will consume.

Create cinematic scroll-driven landing pages with Lenis smooth scrolling, GSAP ScrollTrigger, scroll-linked progression, staggered text reveals, sticky card stacks, parallax backgrounds, scroll-scrubbed transitions, footer reveals, and immersive preloaders. Use when analyzing or building premium editorial scroll experiences, sticky project stacks, kinetic typography, or section-by-section storytelling.

Create premium cinematic web motion systems with GSAP, ScrollTrigger, and Lenis. Use for luxury editorial websites, creative studio portfolios, Awwwards-style interactions, smooth scroll reveals, staggered text, parallax, pinned sections, magnetic hover states, custom cursors, and mouse-reactive layered movement.

Transcribe audio via OpenAI Audio Transcriptions API (Whisper).

Create polished 60 fps 4:3 4K browser screen-recording style videos from Codex in-app browser captures, with browser-only crop, natural macOS cursor styling, deliberate click choreography, zoom-follow framing, ffprobe/thumbnail verification, and optional native recording compatibility checks. Use when the user asks to record or re-record browser actions, show cursor clicks and zooms, make Dribbble/UI inspiration or product demo recordings, or asks whether Codex, Playwright, or an MCP can produce a natural browser demo video.

Turn a reference video into a super detailed recreation or inspiration prompt. Use when the user provides, mentions, uploads, links, or points to a video and asks to analyze the design, UI, animations, transitions, scroll interactions, typography, colors, assets, WebGL/Three.js, storytelling, section-by-section behavior, or to create a prompt/article that recreates the page, app, interaction, or motion system.

Generate ElevenLabs text-to-speech audio from scripts or inline text using local voice profiles. Use when the user asks for ElevenLabs, text-to-speech, TTS, narration, voiceover, speech audio, or voice generation; load voice names, voice ids, emails, owners, and account-specific defaults only from local config outside the skill.