跳到正文
cccskills

“motion”的搜索结果

2344 个 · 按相关度排序

add-webcodecs-bug

Remotion 官方免费

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
remotion-dev/remotion6.6万2026年10月21日 更新

Design and implement interface responses such as button feedback, loading indicators, page transitions, and swipe gestures. Use motion to communicate actions and state changes, with guidance on timing, performance, and support for people who prefer reduced animation.

中文简介正在准备中。当前显示英语简介。

  • Adding hover and click feedback to buttons
  • Showing loading placeholders and progress indicators
  • Creating transitions for pages and interface components
wshobson/agents4.1万2026年10月20日 更新

Remotion

免费

Create explainer clips, short videos, and animated overlays with React code. Define scenes and motion by frame number, then render an MP4 that can be regenerated after changes to the content, timing, or visual design.

中文简介正在准备中。当前显示英语简介。

  • Turn a process explanation into an animated video
  • Create a short video from supplied content
  • Build animated overlays for video
danielmiessler/LifeOS2万2026年9月4日 更新

Create Chinese explainer videos targeting one minute, from a topic or existing script. The workflow produces narration, storyboards, Remotion animation, subtitles, and MP4 output, with staged reviews and complete scripts preserved even when videos run longer.

中文简介正在准备中。当前显示英语简介。

  • Creating a short video explaining one technical concept
  • Preparing a concept clip for classroom use
  • Turning an existing Chinese script into a narrated video
itwanger/toBeBetterJavaer1.8万2026年10月21日 更新

remotion-maps

Remotion 官方免费

Choose a technique for adding maps to Remotion videos, from satellite images with animated overlays to globe views, geographic annotations, and terrain flythroughs. Compare approaches based on the intended shot and service requirements.

中文简介正在准备中。当前显示英语简介。

  • Animate overlays on a satellite image
  • Show a globe or 3D buildings with Mapbox
  • Use MapLibre without an API key
remotion-dev/skills54872026年10月20日 更新

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

中文简介正在准备中。当前显示原文说明。

aiskillstore/marketplace4422026年10月21日 更新

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

中文简介正在准备中。当前显示原文说明。

minicoohei/ai-agent-camp3462026年10月7日 更新

Automate motion capture and tracking workflows in Blender with Python. Use when the user wants to import BVH or FBX mocap data, retarget motion to armatures, track camera or object motion from video, solve camera motion, clean up motion capture data, or script any tracking pipeline in Blender.

中文简介正在准备中。当前显示原文说明。

TerminalSkills/skills1742026年10月22日 更新

This skill should be used when the user asks to "direct a motion graphics video", "do creative/art direction for a video", "define a motion language", "set the tone and pacing", "make the animation feel consistent", "decide what to animate (and what not to)", "turn a brief/brand into motion choices", or needs the senior creative judgment that sits above specific techniques (gsap/lottie/shader). Covers motion language, tone & energy, pacing/rhythm, motion hierarchy, restraint, and cross-shot consistency.

中文简介正在准备中。当前显示原文说明。

iart-ai/motion-design-skills1462026年6月22日 更新

This skill should be used when the user asks to "respect prefers-reduced-motion", "honor reduced motion", "make my animations accessible", "fix vestibular / motion-sickness issues", "add a useReducedMotion hook", "gate GSAP / Framer Motion / Lenis for reduced motion", or "meet WCAG 2.3.3 / C39". Provides tiered (not all-or-nothing) reduced-motion patterns in CSS and JS.

中文简介正在准备中。当前显示原文说明。

iart-ai/web-animation-skills472026年6月22日 更新

Create polished, code-driven Remotion motion explainers from scripts, narration, subtitles, product specifications, reference videos, UI recordings, diagrams, or abstract concepts. Use for product launches, AI demonstrations, UI interactions, algorithms, scientific principles, electrical systems, data flows, architecture, charts, equations, and concepts best expressed with React, SVG, Canvas, WebGL, or Three.js. Prioritize continuous spatial logic, visible cause and effect, precise interaction states, editable parameters, deterministic rendering, and evidence-backed visual QA.

中文简介正在准备中。当前显示原文说明。

vibe-motion/remotion-code-motion-explainer382026年7月29日 更新

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

中文简介正在准备中。当前显示原文说明。

MoizIbnYousaf/marketing-cli322026年10月20日 更新

Translates Figma motion and animations into production-ready application code. Use when implementing animation/motion from a Figma design — user mentions "implement this motion", "add animation from Figma", "animate this component", provides a Figma URL whose node is animated, or when `get_design_context` returns motion data or instructs you to call `get_motion_context`.

中文简介正在准备中。当前显示原文说明。

bg-szy/TOP-SKILLS62026年9月8日 更新

motion-patterns

免费有简介AI 评分 90分

为React / Next.js界面的按钮、弹窗、通知和页面切换添加动画,实现元素显示、消失及随滚动触发的动态效果。

  • 为按钮交互添加动画
  • 为弹窗和通知添加显示与消失动画
  • 实现Next.js App Router页面切换
affaan-m/ECC28.6万2026年10月21日 更新

motion-advanced

免费有简介AI 评分 90分

在React或Next.js中实现拖动、滑动手势、文字和SVG动画,涵盖多阶段动作、滚动与光标跟随及加载状态,并帮助按用途选择API。

  • 实现拖动关闭面板和可排序列表
  • 逐词显示文字并实现数字动画
  • 绘制SVG线条和圆形进度
affaan-m/ECC28.6万2026年10月21日 更新

gsap-core

免费有简介AI 评分 90分

使用GSAP基础API实现网页元素和SVG的移动、旋转、淡入淡出等动画,调整速度变化与错峰启动,并适配屏幕宽度和减少动态效果的设置。

  • 为网页添加移动和淡入淡出效果
  • 让多个元素错峰开始动画
  • 根据屏幕宽度切换动画
nexu-io/open-design10.3万2026年10月21日 更新

Review parallax effects, where backgrounds and foregrounds move at different speeds. Check reduced-motion support and access to essential content, then suggest static alternatives and an optional site-wide control for disabling motion.

中文简介正在准备中。当前显示英语简介。

  • Reviewing parallax effects on a website
  • Checking support for reduced-motion preferences
  • Providing static versions of animated content
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

Build and review HyperFrames animations using motion recipes, scene templates, and transitions. Find guidance for seven animation runtimes, including GSAP and Three.js, and inspect existing scenes for timing gaps and inconsistent motion.

中文简介正在准备中。当前显示英语简介。

  • Combine motion recipes for text and shapes
  • Build scenes with several animation phases
  • Choose an animation runtime
heygen-com/hyperframes6.9万2026年10月21日 更新

web-renderer-test

Remotion 官方免费

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
remotion-dev/remotion6.6万2026年10月21日 更新

checkout

Remotion 官方免费

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
remotion-dev/remotion6.6万2026年10月21日 更新

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
THU-MAIC/OpenMAIC4.1万2026年10月21日 更新

Design and review web interfaces using Apple’s principles for fluid interaction. Shape drags, swipes, and spring motion that can change direction mid-animation, alongside translucent layers, readable typography, and accessible alternatives to movement.

中文简介正在准备中。当前显示英语简介。

  • Design drawers that follow the user's finger
  • Carry swipe momentum into animations
  • Refine translucent layers and typography
spree/spree1.6万2026年10月21日 更新

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
Vincentwei1021/video-shotcraft1.3万2026年10月18日 更新

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
nexu-io/html-anything92042026年10月13日 更新