---
slug: "pellicule-skills"
source_type: "skill_md"
source_url: "https://cdn.jsdelivr.net/gh/sailscastshq/pellicule-skills@main/SKILL.md"
repo: "https://github.com/sailscastshq/pellicule-skills"
source_file: "SKILL.md"
branch: "main"
---
---
name: pellicule
description: Create videos with Vue using Pellicule - a Vue-native video rendering library
metadata:
  tags: pellicule, video, vue, animation, composition
---

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

## How to use

Read individual rule files for detailed explanations and code examples:

- [rules/getting-started.md](https://github.com/sailscastshq/pellicule-skills/blob/HEAD/rules/getting-started.md) - Installation and basic setup
- [rules/macros.md](https://github.com/sailscastshq/pellicule-skills/blob/HEAD/rules/macros.md) - defineVideoConfig macro for zero-config rendering
- [rules/animations.md](https://github.com/sailscastshq/pellicule-skills/blob/HEAD/rules/animations.md) - Animation utilities: interpolate, sequence, easing
- [rules/composables.md](https://github.com/sailscastshq/pellicule-skills/blob/HEAD/rules/composables.md) - useFrame and useVideoConfig composables
- [rules/sequences.md](https://github.com/sailscastshq/pellicule-skills/blob/HEAD/rules/sequences.md) - Sequence component and useSequence for scene management
- [rules/patterns.md](https://github.com/sailscastshq/pellicule-skills/blob/HEAD/rules/patterns.md) - Common patterns: typewriter, staggered, scenes, loops
- [rules/rendering.md](https://github.com/sailscastshq/pellicule-skills/blob/HEAD/rules/rendering.md) - CLI options and rendering videos
- [rules/styling.md](https://github.com/sailscastshq/pellicule-skills/blob/HEAD/rules/styling.md) - CSS, fonts, and visual styling