pellicule

Compare original and translation side by side

🇺🇸

Original

English
🇨🇳

Translation

Chinese

When to use

使用场景

Use this skill whenever you need to create videos, animations, or motion graphics using Vue. Pellicule is like Remotion but for Vue.
当你需要使用Vue创建视频、动画或动态图形时,就可以使用这个技能。Pellicule就像是Vue版本的Remotion。

How to use

使用方法

Read individual rule files for detailed explanations and code examples:
  • rules/getting-started.md - Installation, setup, and framework integration (Nuxt, Quasar, Laravel, etc.)
  • rules/macros.md - defineVideoConfig macro for zero-config rendering
  • rules/animations.md - Animation utilities: interpolate, sequence, easing
  • rules/composables.md - useFrame and useVideoConfig composables
  • rules/sequences.md - Sequence component and useSequence for scene management
  • rules/patterns.md - Common patterns: typewriter, staggered, scenes, loops
  • rules/rendering.md - CLI options, BYOS mode, auto-detection, and rendering
  • rules/styling.md - CSS, fonts, and visual styling
阅读各个规则文件获取详细说明和代码示例:
  • rules/getting-started.md - 安装、设置及框架集成(Nuxt、Quasar、Laravel等)
  • rules/macros.md - 用于零配置渲染的defineVideoConfig宏
  • rules/animations.md - 动画工具:插值、序列、缓动
  • rules/composables.md - useFrame和useVideoConfig组合式函数
  • rules/sequences.md - Sequence组件与useSequence场景管理
  • rules/patterns.md - 常见模式:打字机效果、交错效果、场景、循环
  • rules/rendering.md - CLI选项、BYOS模式、自动检测及渲染
  • rules/styling.md - CSS、字体及视觉样式