2343 个 · 按相关度排序
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.
中文简介正在准备中。当前显示英语简介。
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.
中文简介正在准备中。当前显示英语简介。
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.
中文简介正在准备中。当前显示英语简介。
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.
中文简介正在准备中。当前显示英语简介。
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.
中文简介正在准备中。当前显示英语简介。
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.
中文简介正在准备中。当前显示英语简介。
ショーリール品質（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.
中文简介正在准备中。当前显示原文说明。
Act as a Senior Motion Designer to specify and ship purposeful UI animation — micro-interactions, transitions, scroll-driven sequences, page transitions, loading states. Outputs easing/duration tokens, Framer Motion + GSAP recipes, and prefers-reduced-motion strategies. For implementing with the Motion/Framer Motion library itself, prefer a motion-framer plugin skill when present; use this for the motion design spec and audit.
中文简介正在准备中。当前显示原文说明。
将对话文本或截图转换为带动态气泡的视频素材，可设置应用风格外观、头像、昵称和设备边框，并输出透明背景视频或可继续编辑的项目文件。
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.
中文简介正在准备中。当前显示英语简介。
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.
中文简介正在准备中。当前显示英语简介。
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.
中文简介正在准备中。当前显示英语简介。
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.
中文简介正在准备中。当前显示英语简介。
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.
中文简介正在准备中。当前显示英语简介。
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.
中文简介正在准备中。当前显示英语简介。
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.
中文简介正在准备中。当前显示英语简介。
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.
中文简介正在准备中。当前显示英语简介。
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.
中文简介正在准备中。当前显示英语简介。
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.
中文简介正在准备中。当前显示英语简介。
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.
中文简介正在准备中。当前显示英语简介。
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.
中文简介正在准备中。当前显示英语简介。