pellicule
A Vue-native library for rendering videos and motion graphics using familiar Vue syntax.
Install
mkdir -p .claude/skills/pellicule && curl -L -o skill.zip "https://agentskills.codes/api/skills/download/15390" && unzip -o skill.zip -d .claude/skills/pellicule && rm skill.zipInstalls to .claude/skills/pellicule
Activation
This is the description your AI agent reads to decide when to run this skill — the better it matches your request, the more reliably it fires.
Create videos with Vue using Pellicule - a Vue-native video rendering libraryKey capabilities
- →Create videos using Vue components
- →Animate elements within Vue videos
- →Manage video sequences and scenes
- →Render motion graphics with Vue
- →Define video configurations for rendering
- →Use composables for video frame and configuration access
How it works
The library uses Vue components to define video content and provides utilities for animation and sequence management.
Inputs & outputs
When to use pellicule
- →Create animated videos with Vue
- →Build motion graphics components
- →Manage video timelines and scenes
- →Render programmatic video content
About this skill
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 - 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
When not to use it
- →When creating videos without Vue
- →When a user needs to edit existing video files
Limitations
- →The library is specific to creating videos with Vue
- →It requires understanding of Vue component structure
How it compares
This library integrates video creation directly into the Vue development workflow, unlike external video editing software.
Compared to similar skills
pellicule side by side with the closest alternatives in the catalog.
| Skill | Installs | Updated | Safety | Difficulty |
|---|---|---|---|---|
| pellicule (this skill) | 0 | 5mo | No flags | Intermediate |
| motion | 10 | 6mo | Review | Intermediate |
| spline-3d-integration | 0 | 3mo | No flags | Intermediate |
| premium-frontend-ui | 0 | 2mo | No flags | Advanced |
Try saying
Example prompts that trigger this skill in your AI assistant.
You might also like
motion
onmax
Use when adding animations with Motion Vue (motion-v) - provides motion component API, gesture animations, scroll-linked effects, layout transitions, and composables for Vue 3/Nuxt
spline-3d-integration
Anhvu1107
ALWAYS use this when the request matches Spline 3d Integration: Use when adding interactive 3D scenes from Spline.design to web projects, including React embedding and runtime control API.
premium-frontend-ui
TorchiaHub
A comprehensive guide for GitHub Copilot to craft immersive, high-performance web experiences with advanced motion, typography, and architectural craftsmanship.
vueuse-motion-skilld
AdrianArenal
Vue Composables putting your components in motion. ALWAYS use when writing code importing \"@vueuse/motion\". Consult for debugging, best practices, or modifying @vueuse/motion, vueuse/motion, vueuse motion, motion.
remotion
davila7
Best practices and comprehensive guide for Remotion - programmatic video creation in React with animations, compositions, and media handling
remotion-best-practices
ali156666
Best practices for Remotion - Video creation in React