pellicule

Agent Skills › sailscastshq/pellicule › pellicule

pellicule

GitHub

用于在Vue框架中创建视频、动画和动态图形的技能。基于Pellicule库，提供安装配置、宏定义、动画工具、组合式函数、场景管理及渲染等规则，辅助开发者高效生成视频内容。

skills/SKILL.md sailscastshq/pellicule

Trigger Scenarios

需要创建视频或动画使用Vue进行运动图形设计

Install

npx skills add sailscastshq/pellicule --skill pellicule -g -y

More Options

Non-standard path

npx skills add https://github.com/sailscastshq/pellicule/tree/main/skills -g -y

Use without installing

npx skills use sailscastshq/pellicule@pellicule

指定 Agent (Claude Code)

npx skills add sailscastshq/pellicule --skill pellicule -a claude-code -g -y

安装 repo 全部 skill

npx skills add sailscastshq/pellicule --all -g -y

预览 repo 内 skill

npx skills add sailscastshq/pellicule --list

SKILL.md

Frontmatter

{
    "name": "pellicule",
    "metadata": {
        "tags": "pellicule, video, vue, animation, composition"
    },
    "description": "Create videos with Vue using Pellicule - a Vue-native video rendering library"
}

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