Communitygithub.com

valehgulmetov/my-remotion-video

所有 Remotion 技能的統一路由器

my-remotion-video 是什麼?

這個技能是 Remotion 生態系統的核心路由器,負責將各種 Remotion 相關任務導向對應的專門文件。它涵蓋了從影片建立、專案設置、React 標記最佳實踐,到地圖渲染、多媒體處理、互動性改進等全方位功能。支援 Cursor 和其他 AI 代理客戶端,提供 Studio 預覽和影片渲染的明確指引。透過清晰的規則和條件分支,確保 AI 代理能根據用戶需求載入正確的 REFERENCE.md 文件,從而獲得最新、最準確的 Remotion 知識。

相容平台~Claude Code~Codex CLI✓Cursor
npx skills add https://github.com/valehgulmetov/my-remotion-video/tree/HEAD/.agents/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

執行 Studio 時不要加上 --no-open,以便自動在瀏覽器中開啟:

npx remotion studio

如果您使用其他具有應用內瀏覽器的 AI 代理客戶端

您可以使用上述命令讓 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 升級。

相關技能