'motion' 검색 결과

Run Remotion formatting and style checks with `bun run stylecheck` and continue until the command exits successfully. Errors from `lambda-go` are treated as nonblocking when carrying out this formatting workflow.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Run Remotion formatting checks
• Address formatting issues until style checks pass
• Recheck whether formatting work is complete

Launch the Remotion documentation site locally and open it in the Codex in-app browser. The workflow installs dependencies, builds the project, starts Docusaurus, and reports the actual preview URL and server status.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Launch the local Remotion documentation site
• Preview documentation changes in Docusaurus
• Open the documentation preview inside Codex

Turn Figma animations into runnable application code by combining design structure with motion data. Preserve timing, easing—the way movement accelerates—and coordinated animations while adapting to the project's existing libraries and reduced-motion accessibility preferences.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Implement an animated component from a Figma URL
• Coordinate several elements on a shared animation timeline
• Reproduce animation along an SVG path

Turn Figma animations into runnable application code by combining design structure with motion data. Preserve timing, easing—the way movement accelerates—and coordinated animations while adapting to the project's existing libraries and reduced-motion accessibility preferences.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Implement an animated component from a Figma URL
• Coordinate several elements on a shared animation timeline
• Reproduce animation along an SVG path

Build Remotion videos using the toolkit’s shared backgrounds, comparison layouts, presenter overlays, and custom scene transitions. Apply its 30fps timing conventions and rendering practices to assemble scenes and coordinate them with voiceover.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Add glitch or light-leak scene transitions
• Show two videos side by side
• Overlay a presenter or corner logo

Prepare Remotion Studio and Canvas Capture for a product demo recorded by the user. Import the original capture into packages/brand as an editable composition, preserve cursor metadata, and upload the verified recording to remotion.media.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Prepare a Studio interaction demo for recording
• Frame a timeline demonstration
• Import a capture with editable cursor data

Update the published Remotion plugin for Codex and ChatGPT to a released version. Prepare and validate an upload ZIP, preserve existing listing details, and follow the dashboard workflow through review and publication verification.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Update the public plugin to a released Remotion version
• Prepare an upload ZIP while preserving listing details
• Resume an existing draft or review

Upload preview images and videos for a Remotion Element to remotion.media, then update the corresponding URLs. The skill also handles local asset cleanup according to whether previews come from fresh renders or committed submissions.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Publish freshly rendered Element previews
• Upload preview assets from committed submissions
• Replace local image and video URLs

Update Remotion’s FFmpeg dependency to a published rust-ffmpeg commit, refresh the dependency lockfile, and rebuild compositor binaries for all supported platforms. Validate the changes and open a draft pull request with source revisions and build results.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Apply a published rust-ffmpeg revision to Remotion
• Rebuild compositor binaries for all supported platforms
• Verify Windows runtime library dependencies

Build an app that generates or edits videos with Remotion. The guidance covers choosing a template or framework, embedding a video preview in React, and selecting where video rendering—the process of producing the output—takes place.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Building a form that triggers video generation
• Developing a video editor
• Embedding a Remotion preview in a React app

Launch the @remotion/player example app locally and open it in the Codex in-app browser. The workflow prepares dependencies, builds the project, starts the development server, and reports its URL and whether it was newly started or already running.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Launch the player example locally
• Open the example in the Codex in-app browser
• Check the development server URL and running status

Review a Remotion pull request’s title against its code changes and suggest clearer wording for developers. The skill selects the appropriate package or category prefix and highlights the main observable change or public API.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Reviewing a Remotion pull request title
• Naming a public API change clearly
• Choosing a prefix for documentation or test changes

Structure Remotion code so elements remain editable in Studio. Follow markup patterns that support selection, dragging, resizing, rotation, style changes, and animation keyframes, including editable SVG shapes and their transitions.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Making titles and images editable in Studio
• Keeping animation keyframes editable
• Editing SVG shapes and their transitions visually

Build videos in React with Remotion using task-specific rules and code examples. The skill covers animation timing, captions, audio, scene transitions, and media assets, helping guide implementation across common video creation tasks.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Add word-highlighted captions to videos
• Create text animations and scene transitions
• Trim audio and adjust volume or playback speed

Motion (旧 Framer Motion) アニメーションライブラリ リファレンス。motion/react, vanilla JS, Vue 版 motion-v (v-motion ディレクティブ)。 AnimatePresence, AnimateView, LayoutGroup, LazyMotion, MotionConfig, Reorder, useAnimate, useScroll, useSpring, useTransform, useMotionValue, useInView, motionValue。 animate, animateView, scroll, inView, hover, press, stagger, spring, timeline, transitions, styleEffect, threeEffect。Motion+ Carousel, Cursor, Ticker, Typewriter, AnimateNumber。 layout, drag, gestures, SVG, Tailwind, Lenis 連携。accessibility, performance, bundle 最適化, troubleshooting。

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Animate characters built from SVG parts using GSAP and CSS transforms. Coordinate gestures and facial expressions, keep joints connected, and control playback by frame in Remotion or validate browser previews with HyperFrames.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Coordinate head and arm movements
• Check blinks, gaze, and mouth shapes
• Control a GSAP timeline by frame in Remotion

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

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

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

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

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

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

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

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