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…

لغة النص الأصلي: لغات متعددة

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

لغة النص الأصلي: الفيتنامية

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…

لغة النص الأصلي: الفيتنامية

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…

لغة النص الأصلي: الفيتنامية

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…

لغة النص الأصلي: الفيتنامية