All Skills Search Tools

|

Loading...

AI Agent Skills Directory with categorization, English/Chinese translation, and script security checks.

Sitemap

Home
All Skills
Search
Tools

About

About Us
Disclaimer
Copyright

Help

FAQ
Privacy
Terms

Contact Us:osulivan147@qq.com

© 2026 Skill4Agent. All rights reserved.

Home/All Skills/Frontend Development/pellicule

pellicule

Original：🇺🇸 English

Translated

Create videos with Vue using Pellicule - a Vue-native video rendering library

1installs

Sourcesailscastshq/pellicule

Added on2026-02-07

NPX Install

npx skill4agent add sailscastshq/pellicule pellicule

Tags

Translated version includes tags in frontmatter

vue-video-rendering pellicule-library vue-animations video-creation vue-composables

SKILL.md Content

View Translation Comparison →

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

Download

Download TranslatedIncludes original Skill.md

(15.9 KB)Download Original(15.1 KB)

Related Skills

colorize

Add strategic color to features that are too monochromatic or lack visual interest. Makes interfaces more engaging and expressive.

vue-router-best-practices

Vue Router 4 patterns, navigation guards, route params, and route-component lifecycle interactions.

tailwindcss-advanced-layouts

Tailwind CSS advanced layout techniques including CSS Grid and Flexbox patterns

shadcn

Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI. Provides project context, component docs, and usage examples. Applies when working with shadcn/ui, component registries, presets, --preset codes, or any project with a components.json file. Also triggers for "shadcn init", "create an app with --preset", or "switch to --preset".