'motion' 검색 결과

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.

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

• Updating availability labels before the next release
• Aligning changed labels with the version on main
• Correcting only labels touched by a pull request

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.

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

• Investigating a video reported as not working
• Setting up a sample with the affected video
• Rendering a video with verbose logs

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.

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

• Fix nested text that ignores a parent’s styles
• Apply intended styles to SVG elements
• Check which properties the Studio CSS reset affects

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.

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

• Check mode support before adding a Studio action
• Review controls in a deployed Studio
• Check behavior after the preview server disconnects

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.

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

• Implementing v5 defaults while preserving v4 behavior
• Reviewing changes to public TypeScript types
• Documenting breaking changes and migration steps

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.

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

• Investigate unnecessary React renders in Remotion Studio
• Identify components responsible for slow updates
• Analyze rendering related to timeline position

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.

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

• Choosing a location for a new internal or public skill
• Adding agent links for public skills
• Synchronizing and validating public skill links

Apply Remotion Studio’s interaction conventions to buttons and links: keep the default cursor, brighten text and icons on hover, and show a visible focus indicator for keyboard navigation using shared styling helpers.

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

• Style a new Studio button or link
• Keep text and icons consistent on hover
• Retain visible focus for keyboard navigation

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.

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

• Marking an existing public API as deprecated
• Adding guidance on a replacement API
• Reviewing deprecation annotations and documentation

Rebuild and install the Remotion Canvas Capture Chrome extension in a durable location, restore it after a working directory is deleted, and reload it in a compatible browser. It also prepares a webpage and still preview before manual recording.

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

• Restore the extension after deleting a working directory
• Rebuild and reload after source changes
• Prepare a webpage and preview before recording

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.

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

• Investigate a CI failure that may pass on retry
• Find failed checks without a pull request number
• Record recurring failures and update their counts

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.

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

• Add or edit an expert listing
• Update portraits and regenerate expert cards
• Regenerate transparent homepage animations

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.

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

• Review newly added optional parameters in a PR
• Make internal React props explicitly accept null
• Preserve public API compatibility during refactoring

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.

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

• Add a Studio config setter or CLI option
• Review inconsistent setting updates across Studio components
• Keep preview and render queue settings aligned

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.

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

• Animate overlays on a static satellite image
• Create globe views or show 3D buildings
• Choose a map approach without an API key

Turn narration scripts into animated explainer videos using Remotion and 火山 TTS, a text-to-speech service. Prepare scripts, synchronize visuals with narration, preview each chapter, correct pronunciations, and export a verified MP4 with voice audio.

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

• Turn a narration script into an animated explainer video
• Synchronize subtitles and visuals with narration
• Preview and refine a video chapter by chapter

Build UI animations by first deciding whether motion serves a useful purpose. Produces code with suitable timing, transitions, interruption behavior, exit paths, reduced motion support, and hover effects adapted to the input device.

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

• Add purposeful motion to buttons, modals, or drawers
• Build transitions that handle repeated actions and interruptions
• Adapt animations for reduced motion preferences and touch input

Design and implement web animations that guide attention, explain hierarchy, and confirm actions. Define reusable timing and movement rules, plan coordinated sequences, and account for performance and accessibility settings that reduce motion.

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

• Plan entrance animations for a product page
• Standardize timing and easing across a UI
• Add hover feedback and navigation transitions

ショーリール品質（Behance / OFFF / Awwwards級）のモーショングラフィックス動画を HyperFrames（HTML + GSAP + SVG + Canvas、Apache-2.0）で制作する。remotion-motion-reel の HyperFrames 版で、Remotion の Company License が不要な構成。テーマ・素材（キャラクター画像、音声など）から世界観・コピー・デザインシステム・タイムライン・サウンドを補完し、120BPM/60fps で拍同期した映像を実装・レンダリングまで行う。「HyperFramesでかっこいい動画」「ライセンスフリーでモーショングラフィックス」「ショーリールをHTMLで」などの依頼時に使用。

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

Orchestrates translation of motion designer video specifications into working Remotion code by coordinating specialized agents. Acts as pipeline coordinator that delegates to remotion-scaffold, remotion-animation, remotion-composition, and remotion-component-gen. Use when you have a complete VIDEO_SPEC.md and need full Remotion implementation.

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

Brand-grounded Remotion video pipeline. Take a brief, ground it in `brand/` (voice, audience, positioning, creative-kit), write a beat sheet, scaffold a fresh Remotion project, generate any required assets, compose with frame-driven animations, and bake a final MP4. Use this skill whenever the user wants to build a NEW Remotion video from scratch — product films, motion graphics, code-driven shaders, CRT/glitch effects, HTML-in-canvas demos, React video. Triggers on requests like "make a remotion video", CRT/glitch/scanline effects, html-in-canvas demos, video shaders, WebGL video, and frame-driven React video. This is the mktg-native sibling of the personal `/cmo-video` skill: `/cmo-video` recreates the *style* of an existing reference video; `/cmo-remotion` builds something new from a brief. Always load `remotion-best-practices` before stage 5 (compose).

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

Use when designing, implementing, or reviewing frontend interaction motion, page transitions, scroll animation, Framer Motion, GSAP, Lottie, CSS animation, motion intensity, animation performance, reduced-motion behavior, or cinematic but accessible UI motion. Do not use for SVG-only path drawing, Canvas/WebGL rendering, or ordinary hover states; Chinese triggers include motion design, interactive effects, page transitions, scroll animation, Framer Motion, GSAP.

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

Turn chat transcripts or screenshots into animated message overlays. Configure app-style containers, avatars, nicknames, and device frames, then prepare transparent videos or editable project files for short clips, demonstrations, and story reenactments.

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

• Animated chat scenes for short videos
• Message overlays for product demonstrations
• Chat-based story reenactments

Review website animations against users’ reduced motion preferences, a setting that requests less movement. Check flashing content, scrolling effects, alternative transitions, pause controls, and advance warnings, and identify changes needed in rendered pages and interactive states.

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

• Checking support for reduced motion settings
• Reviewing flashing content frequency
• Finding alternatives to scrolling effects