Communitygithub.com

wataee/ai-video-editing

所有 Remotion 技能的總路由器

ai-video-editing 是什麼?

這個技能作為一個集中的路由器,用於協調各種 Remotion 影片編輯與生成任務。它根據使用者的請求,自動載入對應的參考文件,例如建立新專案、React 標記最佳實踐、地圖、多媒體、互動性增強、字幕、預覽與渲染,以及 SaaS 整合。該技能支援多種 AI 代理客戶端,如 Cursor 和具有內建瀏覽器的代理,並指示如何啟動 Remotion Studio 以實現互動式預覽,而不是直接渲染影片,除非使用者明確要求輸出 MP4 等格式。它還提供升級 Remotion 相關套件的指引。通過結構化的文件引用,確保代理的行為符合 Remotion 的最新 API 和最佳實踐,避免覆蓋使用者在外部的程式碼修改。

相容平台~Claude Code~Codex CLI✓Cursor
npx skills add https://github.com/wataee/ai-video-editing/tree/HEAD/references/remotion-skills-official/skills/remotion-best-practices

在你喜歡的 AI 中提問

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

說明文件

保留使用者的更改

使用者可能會在對話之外的程式碼中進行編輯。

若在此期間偵測到令人意外的變更,請不要覆蓋它,假設其為有意為之,或要求確認。

建立影片

如果使用者要求製作、建立或建置新的影片或合成,請載入建立新的 Remotion 影片,無論是否已有 Remotion 專案。

新專案設定

如果目前沒有 Remotion 專案,請載入建立新的 Remotion 專案

React 標記最佳實務

如果你正在編寫 Remotion React 標記,請載入Remotion 標記最佳實務

地圖

對於靜態地圖、動態路線與標記、地理說明、Mapbox、MapLibre、MapTiler、GeoJSON 或 3D 地理飛越,請載入Remotion 地圖。

多媒體

對於在瀏覽器中實現多媒體任務(例如修剪、裁剪影片或取得其元資料),請載入Remotion 多媒體

改善互動性

透過良好的結構化 Remotion 標記,我們可以讓使用者在 Studio 中互動式地修改內容並回寫到程式碼。如果相關:請載入互動性最佳實務

開啟預覽

如果使用者要求「製作」影片、「建立」影片等,不要預設渲染影片,除非他們非常明確。他們希望看到的是互動式預覽。 一旦專案可以執行,請先啟動 Studio 並在瀏覽器中開啟預覽,然後再建置或編輯合成。請保持其開啟狀態,以便使用者查看進度並進行指導。

如果你使用 Cursor

使用不含 --no-open 的方式執行 Studio,以便自動開啟瀏覽器:

npx remotion studio

如果你使用具有應用程式內瀏覽器的其他代理用戶端

你可以使用上述命令讓 Studio 開啟瀏覽器,或執行:

npx remotion studio --no-open

這將啟動一個長時間執行的程序,並列印預覽的伺服器 URL。 如果伺服器已啟動,它將列印 URL。 如果你使用 --no-open,請在應用程式內瀏覽器中開啟列印的確切 URL,並確認 Studio 已載入。合成存在後,請確認其影片預覽已載入。如果你無法在那裡開啟,請使用不含 --no-open 的方式執行 Studio。 你可以透過導覽到 /[composition-id] 來訪問特定合成,例如 http://localhost:3000/MapAnimation。

:::note Studio 支援 WebMCP 工具。 :::

如果你沒有應用程式內瀏覽器

這將在瀏覽器中開啟 Studio,如果它已開啟則重新聚焦。

npx remotion studio

更多選項

要啟動 Remotion Studio 專案、開啟其確切的本地 URL 或設定 Studio CLI 標誌,請載入Remotion Studio。

渲染影片

只有當使用者非常明確要求時才進行渲染。 例如:「渲染影片」、「匯出」、「給我 MP4」。

預覽也提供更直觀的渲染介面,因此請考慮使用它而非命令列進行渲染。

npx remotion render

更多選項請參見渲染。

進階渲染(超出簡單的 npx remotion render)請參見:渲染最佳實務

字幕

處理字幕時,請載入Remotion 字幕。

建立 SaaS、自動化或應用程式

使用 Remotion SaaS 技能 獲取關於 Remotion 驅動的 SaaS 應用程式的知識,例如 <Player>、在 Lambda、Vercel、Cloudflare 上渲染、透過 Express.js、用戶端渲染或尋找合適的 SaaS 範本。

查詢 Remotion API 與文件

要尋找並閱讀最新的 Remotion 文件,請載入Remotion 文件。

升級

要升級 Remotion、相關套件、相容的 Mediabunny 套件以及已安裝的 Remotion Agent 技能,請載入Remotion 升級。

Individual skills in this repo

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

相關技能