Communitygithub.com

clear2x/ContentFlow

Remotion 最佳實踐——在 React 中創建影片

ContentFlow 是什麼?

該技能專為處理 Remotion(一個基於 React 的影片製作框架)的開發者設計,提供了一套完整且經過最佳化驗證的最佳實踐與規則。它涵蓋了從影片合成的基礎設定(如構圖、靜態畫面、資料夾與動態元資料定義)到進階功能(包括 3D 內容整合、動畫、音訊處理、字幕顯示與轉錄)的所有面向。此外,技能還詳細說明了外部資源的匯入與管理(圖片、影片、音訊、字體)、各種轉場與時間控制技巧(如 Trim、插值曲線、Spring 動畫),以及開發流程中常見的疑難排解工具(例如檢查影片能否解碼、獲取音訊/影片長度)。透過遵循這些規則,開發者可以在 Claude Code、Cursor 等 AI 代理平台上高效產出穩定、可維護且具專業品質的 Remotion 專案,大幅減少試錯成本。

相容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/clear2x/ContentFlow/tree/main/skills/remotion

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

使用時機

每當你處理 Remotion 程式碼時,使用此技能以獲取領域特定知識。

如何使用

閱讀各個規則檔案以取得詳細說明和程式碼範例:

Individual skills in this repo

This repo contains 2 individual skills — each has its own dedicated page.

相關技能