Pipeline Flow Video
用六秒解釋任何工作流——一道脈衝沿途點亮每個步驟。
適用於: Claude Code, Codex, Cursor, Muse · 版本 1.0 · 需要: Node.js 18+ 和 npm;用 Remotion 本地渲染(首次運行會下載無頭 Chrome)。
預覽
你將獲得
- 完整的 Remotion 專案(構圖 + 渲染腳本)
- 可編輯的節點清單(3–5 個帶說明的步驟)
- 行進脈衝帶逐節點啟用計時
- 1080x1080 MP4 輸出,用於頁面、貼文和路演
關於此 Skill
從程式碼渲染管線解說影片:一個標題、一排流程節點,和一道沿線行進的光脈衝,依次點亮每個步驟及其說明。節點是一個簡單的資料陣列,因此同樣的專案可以解說自動化工作流、入職漏斗或供應鏈——任何需要一眼看懂的流程。
試一試
scripts/render.sh ./pipeline.mp4
適合對象
- 工作原理區塊和發布貼文
- 工作流和漏斗解說
不適合
- 詳細教學或長旁白走查
如何安裝
- 把安裝提示詞複製到你的 Agent:
Read https://skillu.dev/install/agent.md, then install the Pipeline Flow Video skill (pipeline-flow-video). - 或在上線後從本頁下載 Skill 包,把它的資料夾放入你的 Agent 的 skills 目錄。
- 用斜線命令呼叫它,例如
/pipeline-flow-video,然後用大白話描述你想要什麼。
常見問題
它能展示多少個步驟?
三到五個在資訊流速度下讀起來最好。節點位置是資料——把它們均勻分布在畫布上。
我能改標題和說明嗎?
可以,兩者都是元件裡的純文本,每個節點的子說明承載故事。