'motion' 검색 결과

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

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

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

Scan interface code for missing, uneven, or awkward animations and receive a motion score with findings. Choose a fix service to adjust animation values or install component recipes, then scan again to check the changes.

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

• Review animation quality after interface changes
• Standardize timing and hover transitions
• Apply motion recipes to recognized components

ショーリール品質（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

Create terminal demos that look like screen recordings using Remotion's TerminalScene component. Script command typing, output, pauses, and badges, then adjust their timing to match narration in tutorials or setup walkthroughs.

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

• Create an installation walkthrough video
• Match command timing to narration
• Build a repeatable terminal demo

Generate narration, dialogue, sound effects, and music with ElevenLabs APIs for videos, podcasts, and games. The skill covers voice settings, pronunciation, pauses, voice cloning, and using measured audio lengths to synchronize scenes in Remotion, a video creation framework.

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

• Creating narration for videos or podcasts
• Generating sound effects from written descriptions
• Composing instrumental background music

Record website interactions with Playwright to create demo clips, app walkthroughs, and footage for Remotion videos. The guidance covers screen dimensions, action timing, visible click effects, and converting recorded WebM files to MP4.

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

• Recording app walkthroughs
• Demonstrating form submission and login
• Preparing browser footage for Remotion

Create and edit Remotion documentation with consistent API pages, code examples, version labels, and compatibility information. The skill also guides sidebar placement and preview card generation when adding or updating pages.

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

• Add a documentation page for a public API
• Standardize code examples and parameter descriptions
• Review version labels and compatibility information

Refresh the GitHub star count displayed on Remotion’s website. It checks GitHub, rounds the number down to the nearest thousand, updates three components, and commits and pushes the changes to main.

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

• Refreshing the homepage’s GitHub star display
• Updating star counts across three website components
• Committing and pushing the display update to main

Improve Remotion Studio rendering performance by limiting which components update with every frame. The skill guides on-demand timeline reads and React.memo usage, helping keep stable components from rerendering unnecessarily while preserving updates where the displayed frame matters.

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

• Reduce unnecessary rerenders on every frame
• Read the current frame only when an event needs it
• Move frame-dependent rendering into a small child component

Bring a Remotion branch up to date with the official main branch while preserving local changes and published history. Handle temporary change storage, merges, conflicts, validation, and a normal push when requested.

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

• Merge the latest main into a feature branch
• Fast-forward a local main branch
• Update a pull request branch while preserving published history

Guide implementation and debugging of visual Sequence editing in Remotion Studio. It documents how sequence identifiers, node paths, and stack traces behave during hot reload, and suggests how to track expanded UI state.

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

• Debug Sequence identity during hot reload
• Review how expanded Sequence state is tracked
• Check node-path and stack-trace mappings

Publish updated Chrome binaries to Remotion Lambda’s test region, update layer references and version documentation, and verify rendering with Docker before rolling the update out to all supported regions.

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

• Test a Chrome update before regional rollout
• Update Lambda layer references and Chrome version documentation
• Verify rendering with Docker across platforms

Regenerate downloadable PDFs for four Remotion legal documents after updating their MDX source pages. The workflow covers generation, checking content and page layout, and committing the updated sources together with the PDFs.

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

• Refresh legal PDFs after editing source pages
• Check PDF headings, tables, links, and page breaks
• Commit legal document sources and PDFs together

Update Mediabunny and its related packages throughout Remotion, including templates, CLI version references, and the documentation compatibility table. The workflow checks the latest published version, aligns the relevant entries, and finishes by installing dependencies with Bun.

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

• Upgrade Mediabunny to its latest published version
• Align related package versions across templates
• Update CLI and Studio package version references

Add browser WebCodecs bugs to the Remotion Mediabunny documentation. It checks the linked issue’s title, filing date, reporter, and resolution, then adds a table row while preserving the existing format.

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

• Adding a Chromium bug to the documentation
• Recording WebKit or Firefox issues
• Checking reporter details and fix status before adding a row