添加一个 remocn 组件
请求内容:$ARGUMENTS
请先加载 remocn 技能以了解层级约定、画布和时序。
- 解析名称。 如果请求是准确的组件名称,直接使用。如果是描述性语言(如“一个故障风格标题”、“一个快速切换”),则从
https://remocn.dev/llms-components.txt中筛选候选,并给出最佳的两到三个选项,每个带Use for行和时长。等待用户选择。 - 读取其页面。 抓取索引中给出的
.md文档 URL。记录 props、示例、Length以及任何Avoid for备注。如果避免备注与用户需求匹配,则指出并建议它命名的替代组件。 - 一次性准备项目。 如果
components.json中没有@remocn注册表,先运行node "${CLAUDE_SKILL_DIR}/../video/scripts/setup.mjs" <项目根目录>(在 Claude Code 之外:从本技能文件夹运行../video/scripts/setup.mjs)。其 JSON 结果说明写入了哪些文件;传递任何warning。 - 安装。
npx shadcn add @remocn/<名称>。依赖项会传递安装;列出哪些文件被放置。 - 使用它。 显示一个基于文档示例的用法代码片段,适配画布大小,放在一个
<Sequence durationInFrames>内,时长至少为其Length加上保持时间。过渡放入TransitionSeries.Transition中作为presentation,并使用linearTiming/springTiming设置其Length。如果用户在代码中命名了位置,放在那里;否则询问放置位置。 - 检查。
npx tsc --noEmit,然后在动画结束时生成静态帧(npx remotion still <composition> out/<名称>.png --frame=<n>)并查看。