2.3천건 · 관련도순
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.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
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.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
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.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
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"
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
動画・画像のフレーム抽出、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"
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
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.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Turn written content and data into a sequence of animated frames for Hyperframes or Remotion. The output includes autoplay, manual navigation, a progress bar, and timing metadata for later video rendering.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
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.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
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.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
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.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
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.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
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.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
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.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
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.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
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.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
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.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
Create and edit professional motion graphics videos with Remotion (React-based video). Use this skill EVERY time the user wants to create a video, edit a video, animate something, build an intro/outro/logo animation, make a Reel/Short/promo/launch video, add text animations or captions to footage, composite images and B-roll into a video, or mentions Remotion, motion graphics, video rendering, or "make this video look better/less generic". Also trigger when editing an existing Remotion project or when the user complains their video looks basic, generic, or amateur — this skill contains the exact fixes. Always read this skill BEFORE writing any Remotion code.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
World-class motion design expertise combining Disney's 12 principles of animation, Material Design's motion system, and the performance-first philosophy of production interfaces. Motion design is the craft of bringing interfaces to life - not through decoration, but through clarity, continuity, and communication. Great motion design is invisible. Users don't notice the animations - they notice that the interface feels natural, responsive, and alive. Every transition tells a story: where did this come from? Where is it going? What just happened? Motion is the language of cause and effect in digital interfaces. Use when "animation, motion, transition, microinteraction, easing, timing, choreography, loading animation, skeleton loader, page transition, hover effect, scroll animation, spring animation, keyframes, framer motion, gsap, lottie, animation, motion, transitions, microinteractions, easing, timing, accessibility, performance, frontend, design" mentioned.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Implement purposeful animations for existing interfaces or an agreed UI brief. It selects motion based on purpose and usage frequency, then handles timing, interrupted interactions, exits, and reduced-motion preferences while reusing the project’s tools and design values.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
Polish an existing web interface with subtle button feedback, state transitions, and page reveals. Preserve the layout and content, keep animation timing consistent, and provide alternatives for people who prefer reduced motion.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
Produce short motion graphics for animated text, numbers, charts, logos, and social overlays. Guides asset sourcing, shot design, composition, rendering, and validation, with output as an MP4 or a transparent video overlay.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
Process video and audio with FFmpeg for editing and publishing. Convert formats, resize and compress files, extract audio, trim clips, and change playback speed. Includes recipes for preparing Remotion assets and exporting videos for social platforms and websites.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
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.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
Update the caniuse-lite version override in Remotion to the latest release on npm. The workflow checks the branch and working tree, updates package.json, reinstalls dependencies with Bun, then commits and pushes the change.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.