remotion-bozo

快速创建 Remotion 视频项目的技能。提供完整的项目模板、动画工具函数、渲染脚本和最佳实践。一键创建专业视频项目。

Security Scan

The skill is internally consistent with a Remotion project template and helper scripts, but there are minor mismatches (no publish/install mechanism for the claimed CLI, platform-specific shell commands, and optional Lambda instructions that imply AWS credentials) you should be aware of before running anything from an untrusted source.

Purpose & Capability

The files and instructions match the described purpose (creating a Remotion project, templates, animation helpers, render guidance, and chrome reuse). However, SKILL.md instructs usage like `remotion-bozo create ...` while the package is instruction-only and only includes a create-video.sh script (no installed CLI). Also SKILL.md references other skills (remotion-best-practices, remotion-video-toolkit) and Playwright but the registry metadata does not declare these dependencies.

Instruction Scope

Runtime instructions and rule docs stay within the scope of project creation, rendering, and Chrome reuse. They reference user home paths and environment variables (e.g., REMOTION_BROWSER_EXECUTABLE) which are relevant to the functionality. The docs suggest editing ~/.zshrc and reusing Playwright/Puppeteer caches — these are reasonable for the stated purpose but do instruct persistent changes to shell config.

Install Mechanism

There is no install spec (instruction-only), which minimizes install-time risk. The included create-video.sh runs npm install (fetches packages from npm) when executed — that is expected for a project template but means network downloads will occur if you run the script.

Credentials

The skill does not request credentials in metadata (none declared). Some documentation (rules/rendering.md) includes Lambda/cloud instructions that require AWS credentials (AWS_REGION, AWS_ACCESS_KEY_ID, AWS_SECRET_ACCESS_KEY) but these are optional and not declared as required by the skill. The chrome-reuse guidance asks the user to set REMOTION_BROWSER_EXECUTABLE (a local path) — appropriate for the goal.

Persistence & Privilege

always is false and the skill does not request system-wide privileges. The only persistent change suggested is user modification of shell rc files to set REMOTION_BROWSER_EXECUTABLE; the skill's files do not modify other skills or global agent settings.

Assessment

This package appears to be a straightforward Remotion project template and helper docs, but it has a few practical issues you should consider before running anything: - The README/SKILL.md tells you to run a `remotion-bozo` command but the repo only includes create-video.sh (no installed CLI). You may need to run the script directly (./create-video.sh) or wire up a wrapper — the mismatch is not malicious but is confusing. - create-video.sh runs npm install and writes files into your current directory. Review the script, run it in an isolated directory, and inspect generated package.json before running npm install. - The script uses sed -i '' (BSD/macOS syntax). On Linux that sed invocation will fail; expect portability issues if you run on Linux. - The docs include optional Lambda render instructions that require AWS credentials (AWS_ACCESS_KEY_ID / AWS_SECRET_ACCESS_KEY). The skill metadata does not declare these env vars — only set them if you intend to use Lambda and understand the security implications of providing AWS credentials. - The chrome-reuse guidance asks you to edit ~/.zshrc to set REMOTION_BROWSER_EXECUTABLE. That is convenient but it persists a setting; back up your shell config before changing it. If you don't trust the source: inspect all files locally, run the create script in an empty sandbox/container, or recreate the template manually following the docs rather than running scripts from an unknown origin.

Remotion Bozo - 快速视频创作技能

一个完整的 Remotion 视频项目模板和创作工具集，让你快速创建专业视频。需要先安装好remotion-best-practices与remotion-video-toolkit这两个skill。并且有安装playwright。

🎯 适用场景

当你需要以下任务时使用此技能：

• 创建新的 Remotion 视频项目
• 快速搭建视频开发环境
• 使用预定义的动画工具函数
• 一键渲染 MP4 视频
• 复用 chrome-headless-shell（避免重复下载）

📋 核心功能

1. 项目模板

• 完整的 TypeScript + Remotion 配置
• 预配置的 package.json 脚本
• 优化的项目结构

2. 动画工具集

• Spring 动画配置
• Easing 缓动函数
• 场景进度计算
• 贝塞尔曲线预设

3. 快速渲染

• CLI 渲染命令
• Lambda 云端渲染支持
• 多种输出格式

4. Chrome 复用

• 自动检测现有 chrome-headless-shell
• 避免重复下载

🚀 快速开始

创建新项目

# 使用技能创建项目
remotion-bozo create my-video

# 进入项目目录
cd my-video

# 预览视频
npm start

# 渲染视频
npm run render

📁 项目结构

my-video/
├── src/
│   ├── index.tsx              # 入口文件
│   └── VideoTemplate.tsx      # 视频组件模板
├── out/                       # 输出目录
├── package.json
├── tsconfig.json
└── README.md

🎨 动画工具函数

Spring 动画

import {spring} from 'remotion';

const scale = spring({
  frame: progress * 30,
  fps: 30,
  config: {
    damping: 12,
    stiffness: 80,
    mass: 1
  }
});

Easing 缓动

import {interpolate, Easing} from 'remotion';

const opacity = interpolate(progress, [0, 0.3], [0, 1], {
  easing: Easing.inOut(Easing.cubic)
});

贝塞尔曲线

const bouncy = Easing.bezier(0.68, -0.55, 0.265, 1.55);

🔧 Chrome Headless Shell 复用

技能会自动检测并复用现有的 chrome-headless-shell：

1. Playwright 版本: ~/Library/Caches/ms-playwright/chromium_headless_shell-*/chrome-headless-shell-mac-arm64
2. Remotion 版本: node_modules/.remotion/chrome-headless-shell/

设置环境变量强制使用指定版本：

# 在 .zshrc 中添加
export REMOTION_BROWSER_EXECUTABLE="/path/to/chrome-headless-shell"

📦 可用命令

命令	说明
create <project-name>	创建新项目
render	渲染当前项目
preview	预览视频
lambda	配置 Lambda 渲染

🎬 视频参数

• 默认分辨率: 1920 x 1080 (Full HD)
• 默认帧率: 30 fps
• 默认编码: H.264
• 支持格式: MP4, WebM, GIF

📚 相关规则

• rules/project-template.md - 项目模板说明
• rules/animation-tools.md - 动画工具函数
• rules/rendering.md - 渲染配置
• rules/chrome-reuse.md - Chrome 复用配置

🌟 最佳实践

1. 使用 Sequence 组件管理场景
2. 预计算场景进度避免重复计算
3. 使用 clamp 防止插值超出范围
4. Spring 动画适合缩放和位移
5. Easing 适合淡入淡出效果

🔗 相关资源

• Remotion 官方文档
• remotion-best-practices
• remotion-video-toolkit