Pipeline Flow Video
Explain any workflow in six seconds — a pulse lights each step as it flows.
Works with: Claude Code, Codex, Cursor, Muse · Version 1.0 · Needs: Node.js 18+ and npm; renders locally with Remotion (first run downloads a headless Chrome).
Download free Unlock all Premium Skills
Preview
What you get
- Complete Remotion project (composition + render script)
- Editable node list (3-5 steps with captions)
- Traveling pulse with per-node activation timing
- 1080x1080 MP4 output for pages, posts, and pitches
About this Skill
Renders a pipeline explainer video from code: a headline, a line of process nodes, and a pulse of light that travels along it, lighting each step and its caption in turn. Nodes are a simple data array, so the same project explains an automation workflow, an onboarding funnel, or a supply chain — anywhere a process needs to be understood at a glance.
Try it
scripts/render.sh ./pipeline.mp4
Good fit
- How-it-works sections and launch posts
- Workflow and funnel explainers
Not for
- Detailed tutorials or long narrated walkthroughs
How to install
- Copy the install prompt into your agent:
Read https://skillu.dev/install/agent.md, then install the Pipeline Flow Video skill (pipeline-flow-video). - Or download the Skill package from this page after launch and place its folder in your agent's skills directory.
- Call it with a slash command, e.g.
/pipeline-flow-video, and describe what you want in plain words.
FAQ
How many steps can it show?
Three to five read best at feed speed. The node positions are data — space them evenly across the canvas.
Can I change the headline and captions?
Yes, both are plain text in the component, and each node's sub-caption carries the story.