riaz37/remotion-ui

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                   # 构建所有包

参考文档

• CLI 命令
• 注册表编写
• 合成安装规则
• RemotionUI 预设计时

理念

组件不是作为 npm 包发布的。只有 CLI（remotion-ui）会发布。用户将源文件复制到自己的项目中。