Communitygithub.com

zoih6/masafat-watan-video

所有 Remotion 技能的路由器

masafat-watan-video 是什麼?

此技能作為一個中央路由器,協調多個 Remotion 技能的載入時機。當使用者要求建立或編輯影片時,它會根據具體需求(例如建立新專案、處理地圖、多媒體或字幕)動態載入對應的參考文件。支援 Cursor 和其他代理客戶端,提供預覽與渲染策略,並強調保留使用者對程式碼的變更。它能有效避免技能之間的衝突,確保開發者獲得正確且最新的指引。

相容平台~Claude Code~Codex CLI✓Cursor
npx skills add https://github.com/zoih6/masafat-watan-video/tree/HEAD/skills-docs/remotion-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 代理技能,請載入 Remotion 升級。

Individual skills in this repo

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

相關技能