HaiTLU/video-studio

remotion-best-practices

Router for all Remotion skills

Langue du texte source : anglais

remotion-captions

Transcribing, displaying and animating captions

Langue du texte source : anglais

remotion-create

Create a new Remotion video

Langue du texte source : anglais

remotion-docs

Search Remotion documentation

Langue du texte source : anglais

remotion-interactivity

Structure Remotion markup for interactivity

Langue du texte source : anglais

remotion-maps

Remotion Map animation knowledge

Langue du texte source : anglais

remotion-markup

Content, animation and effects best practices

Langue du texte source : anglais

remotion-multimedia

Interacting with Mediabunny

Langue du texte source : anglais

remotion-render

Export a Remotion video

Langue du texte source : anglais

remotion-saas

Build an app with Remotion

Langue du texte source : anglais

remotion-studio

Preview a Remotion video

Langue du texte source : anglais

remotion-upgrade

Upgrade Remotion, and related packages

Langue du texte source : anglais

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…

Langue du texte source : anglais

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.…

Langue du texte source : anglais

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…

Langue du texte source : anglais

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…

Langue du texte source : anglais

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…

Langue du texte source : Plusieurs langues

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,…

Langue du texte source : anglais

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,…

Langue du texte source : anglais

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,…

Langue du texte source : anglais

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…

Langue du texte source : anglais

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…

Langue du texte source : anglais

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,…

Langue du texte source : anglais

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,…

Langue du texte source : anglais

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…

Langue du texte source : anglais

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…

Langue du texte source : anglais

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…

Langue du texte source : anglais

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,…

Langue du texte source : anglais

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),…

Langue du texte source : anglais

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…

Langue du texte source : anglais

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…

Langue du texte source : anglais

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…

Langue du texte source : anglais

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…

Langue du texte source : anglais

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ó…

Langue du texte source : vietnamien

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…

Langue du texte source : anglais

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…

Langue du texte source : anglais

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…

Langue du texte source : vietnamien

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…

Langue du texte source : anglais

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…

Langue du texte source : vietnamien

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…

Langue du texte source : vietnamien