2343 个 · 按相关度排序
Build apps with Remotion, from forms that trigger video rendering to complex video editors. Get guidance on templates, embedded previews, and choosing where rendering—the process of producing the video—runs.
中文简介正在准备中。当前显示英语简介。
Launch Remotion Studio to preview a video in a browser while it is being created or edited. Keep the preview open to review changes, and choose browser behavior, server ports, or logging options.
中文简介正在准备中。当前显示英语简介。
Review existing interface animations and tune their timing, movement, scale, blur, and easing—the way speed changes. It matches values to their purpose and checks opening, closing, hover behavior, and staggered sequences against shared motion tokens.
中文简介正在准备中。当前显示英语简介。
Create and edit professional motion graphics videos with Remotion (React-based video). Use this skill EVERY time the user wants to create a video, edit a video, animate something, build an intro/outro/logo animation, make a Reel/Short/promo/launch video, add text animations or captions to footage, composite images and B-roll into a video, or mentions Remotion, motion graphics, video rendering, or "make this video look better/less generic". Also trigger when editing an existing Remotion project or when the user complains their video looks basic, generic, or amateur — this skill contains the exact fixes. Always read this skill BEFORE writing any Remotion code.
中文简介正在准备中。当前显示原文说明。
World-class motion design expertise combining Disney's 12 principles of animation, Material Design's motion system, and the performance-first philosophy of production interfaces. Motion design is the craft of bringing interfaces to life - not through decoration, but through clarity, continuity, and communication. Great motion design is invisible. Users don't notice the animations - they notice that the interface feels natural, responsive, and alive. Every transition tells a story: where did this come from? Where is it going? What just happened? Motion is the language of cause and effect in digital interfaces. Use when "animation, motion, transition, microinteraction, easing, timing, choreography, loading animation, skeleton loader, page transition, hover effect, scroll animation, spring animation, keyframes, framer motion, gsap, lottie, animation, motion, transitions, microinteractions, easing, timing, accessibility, performance, frontend, design" mentioned.
中文简介正在准备中。当前显示原文说明。
为现有界面或已确定的界面方案实现动画，根据用途和操作频率判断是否需要动态效果，并处理连续操作造成的中断及减少动态效果的偏好设置。
为现有网页添加克制的动画，呈现按钮操作反馈和界面状态变化。在保留文字、数据与布局意图的同时统一动画节奏，并支持减少动态效果的设置。
Produce short motion graphics for animated text, numbers, charts, logos, and social overlays. Guides asset sourcing, shot design, composition, rendering, and validation, with output as an MP4 or a transparent video overlay.
中文简介正在准备中。当前显示英语简介。
Process video and audio with FFmpeg for editing and publishing. Convert formats, resize and compress files, extract audio, trim clips, and change playback speed. Includes recipes for preparing Remotion assets and exporting videos for social platforms and websites.
中文简介正在准备中。当前显示英语简介。
Update release availability labels in Remotion documentation changed by a pull request. Read the version on main, increase its patch number by one, and update only the affected labels before committing and pushing.
中文简介正在准备中。当前显示英语简介。
Style text and SVG elements inside Remotion Studio’s CSS reset containers. This skill explains which properties are reset and how to apply styles directly to nested elements when parent styles do not carry through.
中文简介正在准备中。当前显示英语简介。
Review which actions are available in each of four Remotion Studio modes. Use these distinctions when implementing or checking interface controls, so actions that depend on a server are hidden or disabled where the mode cannot support them.
中文简介正在准备中。当前显示英语简介。
Implement or review incompatible changes for Remotion 5 while preserving version 4 compatibility. Use a single compile-time flag to switch runtime behavior and public TypeScript types together, with migration guidance and checks for affected packages.
中文简介正在准备中。当前显示英语简介。
Investigate a video that is not working by downloading it, setting it as the source in a sample component, and running a Remotion render with verbose logs to examine the behavior.
中文简介正在准备中。当前显示英语简介。
Guide test writing, updates, and reviews in Remotion by checking observable user outcomes. Choose integration, unit, visual, or end-to-end tests that detect broken workflows, and verify that bug fixes address the original regression.
中文简介正在准备中。当前显示英语简介。
Update the caniuse-lite version override in Remotion to the latest release on npm. The workflow checks the branch and working tree, updates package.json, reinstalls dependencies with Bun, then commits and pushes the change.
中文简介正在准备中。当前显示英语简介。
Review newly added optional inputs in Remotion changes and convert internal ones into required values that accept null. Update callers and absence checks while preserving compatibility for public APIs that must remain optional.
中文简介正在准备中。当前显示英语简介。
Record React rendering activity during specific Remotion Studio interactions to investigate repeated renders and slow updates. Compare measurements before and after code changes under matching conditions, and check that behavior still works correctly.
中文简介正在准备中。当前显示英语简介。
Maintain Remotion’s expert listings, portraits, and generated cards, then regenerate the homepage animation with transparency. The workflow covers separate Chrome and Safari video formats and checks that matching assets stay consistent across both homepage consumers.
中文简介正在准备中。当前显示英语简介。
Investigate intermittent Remotion CI failures, record their error patterns in a tracking issue, and increment counts for repeated failures. Find failed checks even without a supplied pull request, then rerun affected GitHub Actions jobs.
中文简介正在准备中。当前显示英语简介。
Choose an approach for map animations in Remotion, from satellite image overlays to globe views and terrain flythroughs. The skill compares five techniques and directs the agent to the implementation guide for the intended shot.
中文简介正在准备中。当前显示英语简介。
Organize Remotion skills into the correct internal or public directories. For public skills, follow the required symbolic link setup, synchronization, and validation steps so agents can access skills stored in the public location.
中文简介正在准备中。当前显示英语简介。
Apply consistent deprecation notices to public Remotion APIs that remain available. Use TypeScript annotations and documentation formatting to mark APIs as no longer recommended, identify replacements, and review whether both representations follow the conventions.
中文简介正在准备中。当前显示英语简介。
Classify Remotion Studio settings as fixed at startup or reloadable, then wire every component that uses them consistently. Guide implementation and review of configuration reloads, default resets, CLI precedence, and render queue settings.
中文简介正在准备中。当前显示英语简介。