跳到正文
cccskills

“motion”的搜索结果

2330 个 · 按相关度排序

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/hyperframes6.9万2026年10月20日 更新

issue

Remotion 官方免费

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/remotion6.6万2026年10月20日 更新

docs-demo

Remotion 官方免费

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/remotion6.6万2026年10月20日 更新

add-expert

Remotion 官方免费

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/remotion6.6万2026年10月20日 更新

add-bug

Remotion 官方免费

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/remotion6.6万2026年10月20日 更新

remotion

Vercel 官方免费

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-render1.9万2026年10月14日 更新

remotion-best-practices

Vercel 官方免费

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-render1.9万2026年10月14日 更新

remotion

Google 官方免费

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-skills85412026年8月18日 更新

remotion-markup

Remotion 官方免费

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/skills54542026年10月20日 更新

remotion-docs

Remotion 官方免费

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/skills54542026年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-skill7702026年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-antigravity1692026年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-plugin382026年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-plugin382026年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-loom32026年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/OpenMontage7万2026年10月17日 更新

timeline-layout-reveal

Remotion 官方免费

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/remotion6.6万2026年10月20日 更新

remotion-new-markup

Remotion 官方免费

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/remotion6.6万2026年10月20日 更新

version

Remotion 官方免费

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/remotion6.6万2026年10月20日 更新

import-canvas-capture

Remotion 官方免费

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/remotion6.6万2026年10月20日 更新

offload-r2

Remotion 官方免费

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/remotion6.6万2026年10月20日 更新

merge

Remotion 官方免费

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/remotion6.6万2026年10月20日 更新

homepage-video-assets

Remotion 官方免费

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/remotion6.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-copilot4万2026年10月21日 更新