Communitygithub.com

riaz37/remotion-ui

使用 RemotionUI 單一儲存庫進行元件註冊、CLI 指令、remotion-ui.json 設定以及複製貼上元件分發。適合在新增原始物件/場景/合成或執行 remotion-ui CLI 時使用。

remotion-ui 是什麼?

這個技能專為與 RemotionUI 單一儲存庫互動而設計,此儲存庫提供了一個複製貼上為基礎的 Remotion 影片元件分發模型。開發者可以使用此技能來編寫註冊元件、執行「remotion-ui」CLI 指令、管理「remotion-ui.json」設定檔,以及在安裝過程中修補「Root.tsx」或「remotion.config.ts」。此技能支援透過 CLI 管理註冊清單、建置註冊 JSON,以及同步 Remotion 相關技能與 Codex 整合。其核心理念是,只有 CLI 本身是以 npm 套件形式發佈;所有 UI 元件都直接從註冊來源複製原始碼到使用者的專案中,確保完全可控與可自訂性。它適用於 Claude Code、Codex 以及任何支援基於技能工作流程的 AI 代理程式平台。

相容平台✓Claude Code✓Codex CLI~Cursor
npx skills add https://github.com/riaz37/remotion-ui/tree/HEAD/skills/remotion-ui

在你喜歡的 AI 中提問

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

說明文件

RemotionUI

使用此技能來處理 RemotionUI 單一儲存庫,或協助使用者新增 Remotion 影片元件。

關於 Remotion 框架的最佳實務,請依序閱讀:

  1. skills/remotion/docs/INDEX.md — 官方 remotion.dev 文件的中文鏡像(執行 pnpm docs:remotion 以重新整理)
  2. skills/remotion/remotion-best-practices/SKILL.md — Remotion 技能與慣例
  3. skills/remotion/remotion-create/video-layout.md — 避免重疊佈局

使用時機

  • 新增或編寫註冊元件
  • 使用 remotion-ui CLI
  • 了解複製貼上分發模型
  • 在安裝過程中修補 Root.tsx 或 remotion.config.ts

關鍵路徑

  • 註冊來源:apps/web/registry/
  • 註冊清單:apps/web/registry.json
  • 建置後註冊:apps/web/public/r/
  • CLI 套件:packages/remotion-ui/
  • 使用者設定檔:remotion-ui.json

指令

pnpm skills:sync             # 同步 Remotion 技能 + 連結 Codex
pnpm registry:build          # 建置註冊 JSON
pnpm dev                     # 啟動文件網站
pnpm build                   # 建置所有套件

參考文件

理念

元件不會以 npm 套件形式發佈。只有 CLI (remotion-ui) 會發佈。使用者會將原始檔複製到自己的專案中。

Individual skills in this repo

This repo contains 1 individual skill — each has its own dedicated page.

相關技能