Plan HyperFrames videos so motion flows continuously between scenes. Match movement direction and speed across cuts, connect actions through visible causes, and verify scene boundaries while keeping each scene active through meaningful reveals or interactions.
中文简介正在准备中。当前显示英语简介。
- Plan consistent movement across scene transitions
- Connect scenes with a shared visual element
- Replace idle motion with reveals or interactions
heygen-com/hyperframes☆ 6.9万2026年10月20日 更新
Create and edit Remotion GitHub issues, add comments, and attach images or videos. It keeps titles aligned with the user’s intent and checks saved issue text to ensure Markdown formatting and line breaks are preserved.
中文简介正在准备中。当前显示英语简介。
- Creating a Remotion bug report
- Editing an existing issue’s title or body
- Adding comments with screenshots or videos
remotion-dev/remotion☆ 6.6万2026年10月20日 更新
Add interactive animation demos to Remotion documentation pages. This skill covers creating React components, registering playback settings, embedding demos in MDX, and adding controls such as sliders, checkboxes, dropdowns, and text inputs.
中文简介正在准备中。当前显示英语简介。
- Add an animation demo to a documentation page
- Let readers adjust demo values with sliders
- Configure demo playback settings
remotion-dev/remotion☆ 6.6万2026年10月20日 更新
Add a person to the Remotion experts page by placing their portrait, entering their profile and contact links, and generating an expert card image. The instructions specify file locations, profile fields, and how to verify card generation.
中文简介正在准备中。当前显示英语简介。
- Add a new person to the Remotion experts page
- Register a portrait, specialties, and contact links
- Generate an expert card image
remotion-dev/remotion☆ 6.6万2026年10月20日 更新
Add a reported Remotion bug to the bugs API with its affected versions, a short title, and upgrade guidance. Follow the existing entry format and place the new record first so recent bugs appear at the top.
中文简介正在准备中。当前显示英语简介。
- Adding a reported bug to the Remotion bugs API
- Recording which versions a bug affects
- Including upgrade guidance in a bug description
remotion-dev/remotion☆ 6.6万2026年10月20日 更新
Turn JSON timelines into Remotion video compositions with titles, images, text overlays, and animated statistics. The skill covers playback setup, reusable video components, transitions, effects, and adding custom clips to a video catalog.
中文简介正在准备中。当前显示英语简介。
- Build a video composition from a JSON timeline
- Create title cards and image slides
- Add captions and name overlays
vercel-labs/json-render☆ 1.9万2026年10月14日 更新
Build videos in React with Remotion using topic-specific guidance and code examples. Covers animation, captions, audio, scene transitions, asset handling, timing, and text layout, with additional references for charts, maps, and 3D content.
中文简介正在准备中。当前显示英语简介。
- Create text animations and scene transitions
- Add captions and subtitles to videos
- Adjust audio, video clips, and display timing
vercel-labs/json-render☆ 1.9万2026年10月14日 更新
Create walkthrough videos from Stitch app screens using Remotion. Arrange screenshots in sequence, add fades, slides, zoom effects, and explanatory text, then preview the timing and render a video such as an MP4.
中文简介正在准备中。当前显示英语简介。
- Create an app introduction from Stitch screens
- Explain a user journey through a sequence of screens
- Highlight interface features with zoom and labels
google-labs-code/stitch-skills☆ 85412026年8月18日 更新
Build Remotion video scenes with animation, media, and visual effects. Follow React markup patterns that keep timing and individual elements editable in Studio, with guidance for reusable scenes and frame-based motion.
中文简介正在准备中。当前显示英语简介。
- Create a title fade-in
- Add an editable lower third over a video
- Organize multiple scenes into editable timelines
remotion-dev/skills☆ 54542026年10月20日 更新
Find current Remotion documentation for a feature or API, then retrieve relevant pages as Markdown. Use the documented behavior to guide implementation instead of relying on previously learned API details.
中文简介正在准备中。当前显示英语简介。
- Look up how a Remotion feature works
- Check current API details before implementation
- Retrieve documentation pages as Markdown
remotion-dev/skills☆ 54542026年10月20日 更新
Use when the user asks about Vibe Motion, motion graphics, kinetic typography, animated text, brand animations, logo animations, infographic animation, presentation animation, data-driven video, or prompt-to-motion-graphic workflows. Vibe Motion is fundamentally different from video generation — it creates deterministic code-based motion graphics, not AI-predicted pixel sequences. Use this when the text/logo must stay perfectly crisp and editable (code). For a cinematic/kinetic AI-generated video ad built from a storyboard (pixel render, native audio), use higgsfield-motion-design instead.
中文简介正在准备中。当前显示原文说明。
OSideMedia/higgsfield-ai-prompt-skill☆ 7702026年9月27日 更新
World-class motion graphics expertise combining the animation principles of Disney, the kinetic typography of MK12, and the visual storytelling of studios like Buck and Ordinary Folk. Motion graphics transforms static ideas into dynamic visual experiences. Great motion graphics doesn't just move—it communicates. Every animation should have purpose: to guide attention, reinforce message, create emotion, or clarify concept. The best motion designers understand that restraint is power, that timing is everything, and that the animation should be invisible—viewers should feel the story, not notice the effects. Use when "motion graphics, animation, animate, motion design, kinetic, logo animation, title sequence, lower thirds, animated, after effects, lottie, transitions, motion, motion, graphics, animation, after-effects, lottie, kinetic, typography, design" mentioned.
中文简介正在准备中。当前显示原文说明。
omer-metin/skills-for-antigravity☆ 1692026年1月22日 更新
動画・画像のフレーム抽出、Remotion レンダリング、仕様チェック、目視検証を行う汎用ビデオツールキット。 ffmpeg / ffprobe / remotion still / remotion render を統一シェルスクリプト (video-tool.sh) で操作し、 Read ツール(マルチモーダル対応)で実際の見た目を確認して品質レポートを出す。 Use when: 動画のフレームを確認したい、レンダリング結果を検証したい、 画像の品質を目視チェックしたい、Remotion プロジェクトを MP4 に出力したい、 動画の仕様(解像度・fps・長さ)をチェックしたい。 Triggers: "フレーム確認", "フレーム検証", "動画チェック", "frame inspect", "フレーム抽出", "動画の中身を見たい", "レンダリング確認", "動画検証", "MP4 確認", "動画のスクショ", "frame check", "動画を出力", "Remotion render", "動画レンダリング", "仕様チェック", "spec check", "video render"
中文简介正在准备中。当前显示原文说明。
sean-sunagaku/claude-code-plugin☆ 382026年7月30日 更新
App Store プレビュー動画を Remotion (React) で生成する Agent Team スキル。 video-director が構成を設計し、script-writer がナレーション台本を作成し、 motion-designer が Remotion コードを実装し、preview-reviewer がコードレビューし、 frame-inspector がレンダリング結果を目視検証する。 Use when: App Store プレビュー動画を作りたい、アプリのプロモーション動画を作りたい、 Remotion で動画を生成したい。 Triggers: "プレビュー動画", "App Store 動画", "アプリ動画", "preview movie", "Remotion", "動画作成", "app preview"
中文简介正在准备中。当前显示原文说明。
sean-sunagaku/claude-code-plugin☆ 382026年7月30日 更新
Build Motion (Framer Motion) React animations — declarative motion components, variants, AnimatePresence, layout transitions, scroll effects, and inline SVG pathLength. Load when the user asks to animate with Motion, Framer Motion, motion.div, AnimatePresence, layout animation, whileInView, or React enter/exit transitions. Also triggers on "framer-motion", "motion/react", "useReducedMotion", or "React animation library". React/Next only — not README embeds or non-React.
中文简介正在准备中。当前显示原文说明。
dvy1987/agent-loom☆ 32026年8月8日 更新
Implement animation in React with Framer Motion examples based on Disney's 12 animation principles. Add squash and stretch, preparatory movements, smooth acceleration, overlapping motion, and hover or tap responses with defined timing.
中文简介正在准备中。当前显示英语简介。
- Adding hover and tap responses to buttons
- Animating jumps with preparation and curved paths
- Revealing list items one after another
calesthio/OpenMontage☆ 7万2026年10月17日 更新
Capture Remotion Studio timelines with matching framing and create a video that wipes between the before and after images. The workflow also covers recreating an older layout from a historical code revision.
中文简介正在准备中。当前显示英语简介。
- Create a video comparing timeline layouts
- Recapture a layout from an older code revision
- Save before and after screenshots with matching framing
remotion-dev/remotion☆ 6.6万2026年10月20日 更新
Write or refactor Remotion components so timing and full-size layout live on the content itself. Reduce redundant wrappers and organize related scenes or clips on shared Studio timeline rows while preserving timing and layout behavior.
中文简介正在准备中。当前显示英语简介。
- Put timing directly on scene and media components
- Refactor redundant Sequence and AbsoluteFill wrappers
- Group related scenes and clips on shared timeline rows
remotion-dev/remotion☆ 6.6万2026年10月20日 更新
Check Remotion’s current version in its source file and review documentation references for the upcoming release. The skill establishes that the next release is a patch version, helping guide version references in the docs.
中文简介正在准备中。当前显示英语简介。
- Check the current Remotion version in the source
- Review version references for the next patch release
- Check documentation wording before a release
remotion-dev/remotion☆ 6.6万2026年10月20日 更新
Import a recorded Remotion Canvas Capture as an editable composition with cursor keyframes, without using Studio controls. The workflow generates and registers a component, copies the video asset, and installs missing dependencies through an internal experimental command.
中文简介正在准备中。当前显示英语简介。
- Importing a recording as an editable composition
- Adding a capture without interacting with Studio
- Setting composition dimensions and frame rate during import
remotion-dev/remotion☆ 6.6万2026年10月20日 更新
Move media assets from a Remotion repository to Cloudflare R2, update source references to public URLs, and verify that uploaded files match the originals before removing local copies.
中文简介正在准备中。当前显示英语简介。
- Moving repository media assets to Cloudflare R2
- Updating source references to hosted media URLs
- Verifying uploaded files before deleting local copies
remotion-dev/remotion☆ 6.6万2026年10月20日 更新
Guide an existing Remotion pull request through automated checks and merge it when eligible. Resolve conflicts, investigate failed checks, fix genuine problems, and use the flake skill to rerun checks that fail intermittently.
中文简介正在准备中。当前显示英语简介。
- Merging a pull request after required checks pass
- Resolving conflicts that prevent a merge
- Investigating and fixing failed automated checks
remotion-dev/remotion☆ 6.6万2026年10月20日 更新
Prepare Remotion homepage videos from a transparent ProRes master. Create Chrome WebM and Safari MP4 versions, verify transparency and 540-by-540 dimensions, and copy the finished assets into both the promotional site and documentation folders.
中文简介正在准备中。当前显示英语简介。
- Replacing videos in the homepage creator strip
- Creating transparent WebM videos for Chrome
- Creating MP4 fallback videos for Safari
remotion-dev/remotion☆ 6.6万2026年10月20日 更新
Build scroll animations with GSAP or Framer Motion, including fade-ins, parallax effects that move layers at different speeds, pinned sections, and horizontal scrolling. Provides implementation patterns for vanilla JavaScript, React, and Next.js, with accessibility guidance.
中文简介正在准备中。当前显示英语简介。
- Fade cards in as they enter the screen
- Create parallax effects for images and text
- Build pinned sections with sequential animations
github/awesome-copilot☆ 4万2026年10月21日 更新