bilibili Extra Packages Detection
项目模板和基础依赖已在 bootstrap 阶段完成（.carocut/template-cache/）。
本 skill 仅负责：根据 manifests/storyboard.yaml 检测并安装额外包。
Extra Packages
The template already includes @remotion/transitions (4.0.417) as a built-in dependency. Do not install it as an extra package.
Based on features in manifests/storyboard.yaml, install additional packages:
| Feature Detected | Package | Install Command |
|---|---|---|
| Lottie animations | @remotion/lottie |
npm install @remotion/lottie lottie-web |
| 3D content | @remotion/three |
npm install @remotion/three three @react-three/fiber |
| Charts/Graphs | recharts |
npm install recharts |
| GIF support | @remotion/gif |
npm install @remotion/gif |
| Noise effects | @remotion/noise |
npm install @remotion/noise |
| Light leaks | @remotion/light-leaks |
npm install @remotion/light-leaks |
Feature Detection
Scan storyboard.yaml for keywords to determine required packages:
| Keywords | Package Needed |
|---|---|
| "lottie", "animation json" | @remotion/lottie |
| "3d", "three", "webgl" | @remotion/three |
| "chart", "graph", "bar", "line", "pie" | recharts |
| "gif" | @remotion/gif |
Workflow
- Read
manifests/storyboard.yaml - Detect required extra packages based on keywords
- For each detected package, run
npm install <package>intemplate-project/ - Verify with
npx tsc --noEmit
Verification
After installing extras, verify the project still compiles:
cd template-project
npx tsc --noEmit