加入一個 remocn 元件
要求: $ARGUMENTS
請先載入 remocn 技能以取得層級慣例、Canvas 與時間設定。
- 解析名稱。 若要求是精確的元件名稱則直接使用;若是描述性內容(例如「一個故障效果標題」、「一個快速切換」),則從
https://remocn.dev/llms-components.txt建立候選清單,並提供最佳的二到三個選項,每個附上其Use for說明與長度。請等待使用者挑選。 - 讀取說明頁。 擷取索引提供的
.md說明文件網址。記錄 props、範例、Length及任何Avoid for備註。若避用備註與使用者需求相符,請告知並建議其指名的替代元件。 - 一次性專案準備。 若
components.json中沒有@remocnregistry,請先執行node "${CLAUDE_SKILL_DIR}/../video/scripts/setup.mjs" <project-root>(在 Claude Code 外部則從本技能資料夾執行../video/scripts/setup.mjs)。其 JSON 結果會顯示寫入了哪些檔案,請轉達任何warning。 - 安裝。 執行
npx shadcn add @remocn/<name>。相依性會自動傳遞安裝;請列出哪些檔案已安放。 - 使用元件。 根據說明文件範例產生使用程式碼片段,大小符合 Canvas,置於一個
<Sequence durationInFrames>中,其長度至少為元件的Length加上停留時間。轉場效果則應放入TransitionSeries.Transition中作為presentation,並以linearTiming/springTiming設定其Length。若使用者指定了放置位置則放在該處;否則詢問放置位置。 - 檢查。 執行
npx tsc --noEmit,然後在元件動畫結束時渲染一張 stillnpx remotion still <composition> out/<name>.png --frame=<n>並查看結果。