HaiTLU/video-studio

remotion-best-practices

Router for all Remotion skills

remotion-captions

Transcribing, displaying and animating captions

remotion-create

Create a new Remotion video

remotion-docs

Search Remotion documentation

remotion-interactivity

Structure Remotion markup for interactivity

remotion-maps

Remotion Map animation knowledge

remotion-markup

Content, animation and effects best practices

remotion-multimedia

Interacting with Mediabunny

remotion-render

Export a Remotion video

remotion-saas

Build an app with Remotion

remotion-studio

Preview a Remotion video

remotion-upgrade

Upgrade Remotion, and related packages

motion

Animation skill for Motion (prev Framer Motion) and CSS animation. Provides: animation best practices (including specific advice for vanilla JS, React, Vue, Base UI and Radix), documentation and example search, CSS spring and bounce generation, MotionScore…

embedded-captions

Add captions or subtitles to an existing single-subject talking-head video without editing the footage. Use for plain verbatim captions, cinematic captions embedded behind the subject, VFX captions, “炸/特效/酷炫字幕,” or a named identity from the 35-style catalog.…

faceless-explainer

Turn arbitrary text — an article, notes, a topic, a brief — into a faceless explainer video: there is no site or footage to capture, so the visuals are invented per scene (typography, abstract graphics, diagrams, data-viz). Use for topic explainers, concept…

general-video

Author or edit a custom HyperFrames composition when no specialized workflow fits, or when BRIEF.md sets flow: companion. Use for longer or multi-scene pieces, brand and sizzle reels, montages, static loops, static title cards, footage remixes, and freeform…

humanizer

Rewrite AI-sounding text so it reads like the writer without changing what it says. Use when editing or reviewing prose for AI tells (not-X-but-Y contrasts, one-line closers, forced triads, inflated claims, stock AI words, bold labels, filler), when PM says…

Source text: Mixed languages

hyperframes-animation

All animation knowledge for HyperFrames — atomic motion rules, multi-phase scene blueprints, scene transitions, broader motion-design techniques, AND the seven runtime adapters (GSAP default, plus Lottie, Three.js, Anime.js, CSS keyframes, Web Animations API,…

hyperframes-audio

Use when audio already placed in a HyperFrames composition needs to be mixed: fade-in/fade-out, crossfade, track gain or volume, volume automation, ducking, a music bed that fights a voiceover (voiceover carve), effects on a track (EQ, compressor, limiter,…

hyperframes-cli

Use the HyperFrames CLI development loop: init, add, catalog, capture, lint, check, snapshot, compare, grade-compare, preview, play, present, beats, keyframes, single or batch render, publish, cloud, cloudrun, feedback, lambda, doctor, browser, info, upgrade,…

hyperframes-core

The HyperFrames composition contract — build one renderable project. Use for composition structure, the `data-*` timing attributes, `class="clip"`, tracks, sub-compositions, variables, framework-owned media playback, deterministic-render rules, and…

hyperframes-creative

Non-animation creative direction for HyperFrames videos. Use for design spec (frame.md / design.md) handling, palettes, typography, narration, beat planning, audio-reactive visuals, composition patterns, and brand / style decisions. For atomic motion patterns…

hyperframes-keyframes

Use when a HyperFrames composition needs a punch-in, punch-out, zoom, reframe, Ken Burns treatment, camera move, visual match/whip handoff, or other seek-safe 2D/3D keyframes; also for GSAP, CSS keyframes, Anime.js, WAAPI, FLIP, paths, masks, SVG morph/draw,…

hyperframes-registry

Search, install, and wire registry blocks and components into HyperFrames compositions. Use BEFORE hand-building any named visual — whenever a brief, a user, or a storyboard names a look, effect, treatment, or transition such as CRT scanlines, glitch,…

hyperframes

Mandatory entry point: read this first for any request to make, create, edit, animate, or render a video, animation, or motion graphic, including a promo, explainer, captioned clip, title card, overlay, slideshow or interactive deck, Remotion port, or any…

hyperframes-studio

Use when working with a person on a HyperFrames project in Studio: first, whether their message asks for a change at all (questions, loose ideas and "don't change anything" get an answer and a plan, not an edit); for a new film, the plan, storyboard and build…

media-use

Agent Media OS for a HyperFrames project. Resolve BGM, SFX, image, icon, brand logo, voice, color grade, or LUT into a frozen local file or paste-ready block + ledger record (one verb, `resolve`); generate via TTS / music / image models when the catalog…

motion-design

Applies motion design principles to create emotionally-driven, technically sound animations and transitions. Provides timing, easing, choreography, and Disney animation principles adapted for UI. Use when creating animations, transitions, micro-interactions,…

motion-graphics

A short, design-led motion graphic where motion is the message — kinetic typography, stat count-up, chart/data-viz hit, logo sting / brand lockup, lower-third / callout / social overlay, animated map (highlight regions, connect places, zoom to a location),…

music-to-video

Turn a music track (an audio file, a video to pull audio from, or a track generated from a mood brief) into a beat-synced video — lyric video, slideshow, or kinetic promo. The music drives all pacing; any user-supplied images/videos are cut onto the same beat…

object-separation

Separate a person, product or hand from the background in a video, on the user's own computer with SAM 2. Scans the machine first to pick the right model size, then outputs the same video with the separated subject highlighted in green, plus frame-by-frame…

pr-to-video

Turn a GitHub pull request (a PR URL, owner/repo#N, or 'this PR' in a checked-out repo) into a code-change explainer video — changelog, feature reveal, fix, or refactor walkthrough built from the diff, commits, and files: the input is a code change, not a…

product-launch-video

Turn a product or marketing URL, pasted script, or brief into a product launch / promo video — SaaS promos, feature reveals, product demos, app and company launches. Use when the user wants to market, launch, promote, or reveal a product; the default for any…

remotion

Dựng video bằng Remotion (React) cho khóa học, bài giảng, báo cáo số liệu và video hàng loạt từ dữ liệu, có phụ đề tiếng Việt. Dùng khi PM nhắc Remotion, hoặc cần dựng nhiều video từ bảng dữ liệu, chứng nhận hàng loạt. Không dùng cho video đơn lẻ nhỏ, đã có…

Source text: Vietnamese

remotion-to-hyperframes

Port an existing Remotion (React) composition's source to HyperFrames HTML. Use ONLY on an explicit ask to port/convert/migrate/translate a Remotion source — one-way, Remotion-only. A passing Remotion mention, reference-only code, or "make something like my…

slideshow

Author a HyperFrames slideshow — a presentation, pitch deck, or interactive deck with discrete slides, fragment reveals, branching, hotspot navigation, and built-in presenter mode with speaker notes; also converts an existing page into a deck. Output is a…

sound-layer

Thêm lớp tiếng động thật (bản ghi CC0, không tổng hợp) vào video chuyển động đã dựng hình, đặt từng tiếng theo mốc thời gian của chính hoạt ảnh, trộn, rồi chạy bước kiểm tra tự động trên tệp MP4. Dùng khi PM nhờ "thêm tiếng động cho video", "âm thanh video…

Source text: Vietnamese

talking-head-recut

Package an existing talking-head / interview / podcast video with timed, designed GRAPHIC OVERLAY cards — kinetic titles, lower-thirds, data callouts, quotes, side panels, picture-in-picture — synced to the transcript, on a 16:9 / 9:16 / 4:5 canvas of your…

video-3d-theo-mau

Làm lại video đồ họa chuyển động 3D đang thịnh hành theo một video mẫu, cho nội dung của TTC hoặc Trường Đại học Thăng Long. Claude phân tích video mẫu từng cảnh, soạn gói câu lệnh (prompt) cho công cụ tạo video AI để PM tự chạy, và dựng phần chữ, logo, khung…

Source text: Vietnamese

video-chuyen-dong

Làm video chuyển động ngắn bằng mã (giới thiệu AI Lab, Viện nghiên cứu, hội thảo, đơn vị, sự kiện) theo bản chỉ đạo, có video mẫu để học phong cách, nhạc và tiếng động khớp nhịp, tự chấm điểm nhiều vòng. Dùng khi PM gõ /video-chuyen-dong hoặc nhờ "làm video…

Source text: Vietnamese