video-shotcraft

video-shotcraft 是一款专为 AI 智能体（如 Claude Code、Codex）设计的强大 Skill，旨在自动化生成具有电影质感的产品宣传视频。它基于 Remotion（React 视频制作框架），能够自动完成分镜设计、动画编排和声音合成，将静态的产品页面或功能演示转化为节奏卡点精准、视觉冲击力强的动态视频。

无论是营销宣传片、产品发布视频还是功能演示，video-shotcraft 都能通过其庞大的镜头库和专业的制作方法论，让开发者无需具备深厚的视频剪辑功底，也能产出专业级的视觉内容。

核心资源与能力

• 🎬 104 张镜头配方卡 (Shot Recipe Cards)
  • 每一张卡片都详细记录了镜头的用途、能量等级、建议时长、关键参数、实现要点以及避坑指南。
  • 涵盖特写、全景、2.5D 运镜、闪切、数字滚动等多种视觉语言。
• 🎨 161 个样式与动态样片
  • 提供 161 种经过调校的视觉样式，用户可在在线 Gallery 中直接预览、搜索和筛选。
  • 每个样式都有对应的 Remotion TSX 参考实现，包含精确的缓动函数（Easing）和时序参数。
• 🎵 电影级声音设计 (SFX)
  • 内置专业的音效库和节奏卡点逻辑，确保画面切换与背景音乐、音效完美同步，提升视频的沉浸感。
• 📦 完整成片模板
  • 预置了如“纸墨琥珀风”等高质量模板（36.2秒, 1920×1080, 30fps, 10镜头），开箱即用。
• 🛠️ 自动化工具链
  • 包含 2.5D 页面相机组件、字幕生成器、素材采集脚本等，支持从真实页面截图到最终渲染的全流程自动化。

快速开始

1. 安装 Skill

你可以直接让 AI Agent 帮你安装，或者手动通过 CLI/ Git 安装：

方式一：让 Agent 自动安装
在 Claude Code 或 Codex 中输入：

“帮我安装这个 skill: https://github.com/Vincentwei1021/video-shotcraft“

方式二：使用 skills CLI

npx skills add Vincentwei1021/video-shotcraft

方式三：手动安装

git clone https://github.com/Vincentwei1021/video-shotcraft.git
cd video-shotcraft
# 链接到 Claude Code
ln -s "$(pwd)" ~/.claude/skills/video-shotcraft
# 或链接到 Codex
ln -s "$(pwd)" ~/.codex/skills/video-shotcraft

2. 开始创作

安装完成后，直接向 Agent 下达指令即可：

• 通用指令：
  

  “用 video-shotcraft 给我的桌面产品做一支宣传片。”

• 指定镜头：
  

  “用 deck-deal-flyin 和 row-embed 两张镜头卡展示这个功能。”

• 参考样式：
  

  “参考 spotlight-hero-card，为这个页面设计一个产品特写镜头。”

如果未指定具体镜头，Skill 会先介绍可用的成片模板并询问你的偏好，你也可以先去 Gallery 挑选心仪的镜头风格。

适用场景

• Web/SaaS 产品宣传：将落地页转化为动态视频，用于社交媒体推广。
• 功能演示：通过 2.5D 运镜和局部特写，清晰展示复杂功能的交互逻辑。
• 品牌发布：利用电影级 SFX 和节奏卡点，打造高逼格的品牌短片。
• 内部汇报：快速生成高质量的项目进度演示视频。