'emotion' 검색 결과

Programmatic React video best practices for Remotion. Use this skill whenever the user is writing, debugging, or rendering Remotion code — compositions, useCurrentFrame animations, interpolate, spring, Sequence timing, <Img>/<Video>/<Audio> from @remotion/media, staticFile, calculateMetadata, the Studio preview, `npx remotion render`, captions, subtitles, voiceover, audio visualization, ffmpeg, transitions, light leaks, transparent video, Lottie, 3D scenes, Mapbox flyovers. Triggers especially on HtmlInCanvas / "html in canvas" requests, CRT terminal effects, glitch effects, video shaders, WebGL video, and any request to scaffold a new programmatic React video. Owns `remotion render` and everything about Remotion code. Do NOT trigger for finished MP4 ad assembly from existing slides (that is `/video-content`) or for the inspiration-to-MP4 reference-video pipeline (that is `/cmo-video`).

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

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).

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

Maintain visual snapshot tests, which compare rendered images, for Remotion’s web renderer. Update existing tests after implementation changes, or add explicitly requested tests with sample components, preview registration, and documentation updates for supported properties.

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

• Updating existing tests after renderer changes
• Adding an explicitly requested rendering test
• Registering a test fixture for preview

Prepare a Remotion workspace by checking out a requested branch or reference, installing dependencies, and building the project. In Codex, also rename the current task to the associated pull request title when one exists.

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

• Preparing a workspace for a specific branch
• Installing dependencies and building after checkout
• Naming a Codex task after its associated pull request

Add social-emotional learning—practicing emotional awareness, self-management, empathy, and collaboration—to subject lessons in OpenMAIC. It connects these goals to academic concepts through discussion, choices, feedback, retries, and reflection.

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

• Adding emotional check-ins to the start of a subject lesson
• Practicing empathy through discussion of different viewpoints
• Building feedback and retry paths into learning activities

Turn a script into sequential visual frames with large text, timed playback, manual controls, and a progress bar. Frame timing and transition metadata support later rendering with Hyperframes or Remotion.

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

• Introducing an AI workflow through sequential scenes
• Turning a short explanation into an animated presentation
• Preparing frames and timing metadata for video rendering

Write and edit Remotion documentation pages with consistent API explanations, clear headings, and TypeScript-checked code examples. Follow the project workflow to add navigation entries, generate social preview cards, and verify that documentation builds successfully.

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

• Adding a documentation page for a public API
• Revising existing MDX explanations
• Adding TypeScript-checked code examples

Design a RULER emotional literacy sequence for recognising, understanding, labelling, expressing, and regulating emotions. Use when students struggle with emotional regulation, conflict, or anxiety.

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

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.

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

Design a RULER emotional literacy sequence for recognising, understanding, labelling, expressing, and regulating emotions. Use when students struggle with emotional regulation, conflict, or anxiety.

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

대화 텍스트나 스크린샷을 움직이는 말풍선 영상으로 만듭니다. 앱 스타일 외관과 아바타 등을 설정하고 투명 배경 영상이나 편집용 프로젝트 파일로 출력합니다.

• 짧은 영상에 대화를 넣습니다
• 제품 시연 영상에 메시지를 겹칩니다
• 채팅으로 이야기를 재현합니다

Turn a written brief into an explainer video by generating narration, images, music, and optional talking presenters. Assemble scenes with Remotion, adjust their timing to the generated audio, review still frames, and render an MP4.

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

• Creating a narrated product introduction
• Turning a sprint review into a video
• Adding an animated presenter to a scene

Create product videos from real webpage screenshots using shot recipes and a ready-made template. Combine camera movement, cuts timed to music, and sound effects, or adapt a single shot for use in another video.

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

• Turn a website into a product video
• Adapt the Ink Press template to a product
• Create one animated shot from a recipe card

Create animated bar charts for weekly metrics or KPIs using real data. Bars grow from zero while their numbers count up in sync, with layouts that adapt to widescreen, vertical, and square video formats.

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

• Presenting weekly metrics in a video
• Animating KPI comparisons
• Adding a data segment to an existing video

Render videos from React/Remotion component code via inference.sh. Pass TSX code, get MP4. Supports all Remotion APIs: useCurrentFrame, useVideoConfig, spring, interpolate, AbsoluteFill, Sequence. Configurable resolution, FPS, duration, codec. Use for: programmatic video generation, animated graphics, motion design, data-driven videos, React animations to video. Triggers: remotion, render video from code, tsx to video, react video, programmatic video, remotion render, code to video, animated video, motion graphics code, react animation video

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

参考動画からプロ品質の Remotion 動画を再現するワークフロースキル。 「参考動画から再現したい」「動画トレース」「PVを作りたい」「Remotion動画を参考動画ベースで作りたい」で発動。

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

Documentation for Remotion - Video creation in React. TRIGGER when working with Remotion code, video composition, React-based video generation, or user mentions "remotion", "video composition", "create animation", "create video".

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

This skill should be used when the user asks to create custom Remotion transitions, asks about "cool transitions", "cinematic transitions", "striped transitions", "glitch transitions", "custom TransitionPresentation", or wants to build scene-to-scene transitions in Remotion beyond the built-in library. Also triggers for "how to make transitions in Remotion", "custom transition", "high-energy transitions", "energy transitions", "branded transitions".

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

Scaffolds Remotion project folder structure, base configuration files, and file organization. Focuses ONLY on directory creation, empty file templates, and Remotion configuration. Use when starting a new video project or when asked to "scaffold Remotion project", "create project structure", "setup Remotion folders".

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

Three-tier video pipeline: ffmpeg Quick (5s, instant) → ffmpeg Enhanced with Ken Burns (15s, polished) → Remotion Animated (60-90s, production-grade). Takes static slides from Paper MCP or any PNGs and assembles them into platform-ready video. Make sure to use this skill whenever the user has slides, images, or PNGs and wants to turn them into video — even if they just say 'make a video from these', 'animate my slides', 'I have images and need a TikTok', or 'stitch these together'. Also use when they mention ffmpeg video assembly, Remotion-animated slide assembly, Ken Burns effects, or any slides-to-video pipeline. Owns the slides→MP4 assembly pipeline; for writing, debugging, or running `remotion render` on Remotion code itself, see /remotion-best-practices; for screen-recorded product demos, see /marketing-demo. Works with any PNG source — Paper exports, Canva, screenshots, anything.

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

촬영 영상과 화면 녹화에서 주요 장면을 골라 컷 편집, 구성 정리, 자막과 음성 추가를 돕습니다. 긴 영상의 단편화부터 소셜 미디어용 화면 비율 조정과 편집 프로그램 마무리까지 다룹니다.

• 긴 녹화에서 주요 장면 추출
• 촬영 소재로 Vlog 제작
• 제품 시연에 텍스트와 내레이션 추가

Create product demos, explainers, and social clips by choosing among AI footage, virtual presenters, code-based video templates, and editing tools. The skill guides scripts, visuals, captions, reusable production workflows, and exports suited to the target platform.

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

• Creating a product demo with screen recordings and captions
• Producing an explainer with an AI presenter
• Generating multiple social clips from one template

在 Remotion 项目中创建带动画的金融 K 线图（蜡烛图）。涵盖数据获取（Yahoo Finance）、 插件架构（config / timeline / Scene / plugin）、Canvas 逐帧绘制、深色交易终端风格、 以及 Remotion Studio 预览和渲染输出。触发词：K线图、蜡烛图、candlestick、OHLC、 股票动画、金融图表视频、Remotion 图表。

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

Remotionコンポジションを20項目チェックリストで品質レビューする。 「動画レビュー」「motion review」「Remotion品質チェック」等のリクエストで発動。

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