惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

大猫的无限游戏
大猫的无限游戏
Webroot Blog
Webroot Blog
cs.AI updates on arXiv.org
cs.AI updates on arXiv.org
T
Threat Research - Cisco Blogs
V2EX - 技术
V2EX - 技术
L
LINUX DO - 热门话题
Google DeepMind News
Google DeepMind News
Recorded Future
Recorded Future
S
Schneier on Security
I
InfoQ
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
cs.CV updates on arXiv.org
cs.CV updates on arXiv.org
The GitHub Blog
The GitHub Blog
S
Security @ Cisco Blogs
O
OpenAI News
W
WeLiveSecurity
Vercel News
Vercel News
阮一峰的网络日志
阮一峰的网络日志
Simon Willison's Weblog
Simon Willison's Weblog
人人都是产品经理
人人都是产品经理
Cloudbric
Cloudbric
The Last Watchdog
The Last Watchdog
The Hacker News
The Hacker News
Google Online Security Blog
Google Online Security Blog
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
GbyAI
GbyAI
NISL@THU
NISL@THU
T
Tailwind CSS Blog
V
Visual Studio Blog
PCI Perspectives
PCI Perspectives
K
KPMG report finds enterprise disconnect between AI and its ROI | CIO
Jina AI
Jina AI
D
DataBreaches.Net
B
Blog RSS Feed
N
News and Events Feed by Topic
N
News and Events Feed by Topic
H
Heimdal Security Blog
cs.CL updates on arXiv.org
cs.CL updates on arXiv.org
腾讯CDC
Latest news
Latest news
V
Vulnerabilities – Threatpost
Hacker News: Ask HN
Hacker News: Ask HN
WordPress大学
WordPress大学
V
V2EX
aimingoo的专栏
aimingoo的专栏
博客园 - 司徒正美
Apple Machine Learning Research
Apple Machine Learning Research
D
Darknet – Hacking Tools, Hacker News & Cyber Security
The Register - Security
The Register - Security
Help Net Security
Help Net Security

博客园 - lincats

69万星、263万安装:一个「让 AI 别画得那么丑」的技能,怎么成了 Claude Code 设计类第一? SuperPower vs grill-me:AI编程圈两大skill正面交锋,你站哪边? Token 和上下文窗口——AI 记性的秘密 全球 AI 大佬都在用的“AI 使用说明书“:Andrej Karpathy 的 CLAUDE.md 究竟是什么? 上下文工程:AI 智能体为什么离不开它? 5个Claude Code Skill,把产品经理的反馈分析从45分钟压到了10分钟 Claude Code项目越写越乱?这套清理流程能救你 Claude Code再强,也有这7件事做不了 Skill用得好,下班走得早:一文讲透Skill的结构与设计 谷歌 75% 代码是 AI 写的,但 83% 的人记不住它写了什么AI 编程的效率神话背后,是一场集体认知的悄然退化 [Coze] 手工构建Coze时间线相关的代码 [COZE]文本分段提求词 [Coze]根据音频时间轴生成 [Coze] 剪映小助手整理时间线和素材的脚本 [扣子工作流一] 通过编程为米核剪映小助手添加关键帧 一步一步学习使用FireMonkey动画(6) 用实例理解动画的运行状态 一步一步学习使用FireMonkey动画(5) 动画图解11种动画插值类型 一步一步学习使用FireMonkey动画(4) 使用Delphi的基本动画组件类,路径和位图列表动画 弹跳小球和奔跑的小人示例 一步一步学习使用FireMonkey动画(3) 使用Delphi的基本动画组件类 一步一步学习使用FireMonkey动画(2) 使用TAnimator类创建动画 一步一步学习使用FireMonkey动画(1) 使用动画组件为窗体添加动态效果 一步一步学习使用LiveBindings(16)使用代码创建LiveBindings绑定 一步一步学习使用LiveBindings(15)TListView进阶使用(3),创建自定义的列表项打造天气预报程序 一步一步学习使用LiveBindings(14)TListView进阶使用(2),打造天气预报程序 一步一步学习使用LiveBindings(13) TListView的进阶使用(1) 一步一步学习使用LiveBindings(12) LiveBindings与具有动态呈现的TListView 一步一步学习使用LiveBindings(11) 绑定到自定义外观的ListBox # 一步一步学习使用LiveBindings(10) LiveBindings绑定到漂亮的TCombobox 一步一步学习使用LiveBindings(9) LiveBindings图像绑定与自定义绑定方法(2) 一步一步学习使用LiveBindings(8) 使用向导创建用户界面,绑定格式化入门(1)
106 张镜头配方卡、161 段样片:这个 AI 技能让你的产品视频一秒拥有电影感
lincats · 2026-07-25 · via 博客园 - lincats

你打开 Remotion,想给产品做个宣传片。光标闪了十分钟,你还在纠结第一个镜头用什么动画、参数填多少。

不是你不会写代码——是从零设计一套动效语言,比写十个功能还累。一种动画手法(飞入、堆叠、翻页)全片只能当一次主角,106 种你要怎么选、怎么调?

一个叫 Vincent Wei 的开发者把这件事做成了开源技能:video-shotcraft。106 张配方卡、161 段样片、一支完整成片模板——Claude Code 装上它,直接变身电影级动效工作室。

封面图


这是什么东西

video-shotcraft 是一个专为 AI 编程代理打造的 Remotion 视频制作技能。它不是一个新的视频框架,而是架在 Remotion 上面的一整套"电影感产品宣传片操作系统"。

核心数字:

资产 数量 说明
镜头配方卡 106 张 每张含用途、时长、能量、参数表、已知坑、参考实现
动态样片 161 段 在线画廊可搜索预览,一键复制卡名
成品模板 1 支 Ink Press:36.2 秒、1920x1080、30fps、10 个完整镜头
音效资产 40+ 条 电影系 SFX(whoosh/impact/riser/sparkle)加 5 首 BGM
复用组件 7 个 PageCam(2.5D 运镜)、FlashCut、Caption、DigitRoll 等
审美准则 22 条 每条附真实用户反馈原文,含节奏、运镜、声音、文案、流程

作者 Vincent Wei(魏一昊),项目开源在 GitHub,Apache 2.0 协议,完全免费商用。

示例截图


怎么安装

三种方式,从易到难:

方式一:直接让 AI 装(推荐)

在 Claude Code 里说一句话:

Install this skill for me: https://github.com/Vincentwei1021/video-shotcraft

AI 会自动 clone 仓库、链接到 ~/.claude/skills/,全程不用手动操作。

方式二:用 npx skills CLI

npx skills add Vincentwei1021/video-shotcraft

方式三:手动克隆

git clone https://github.com/Vincentwei1021/video-shotcraft.git ln -s "$(pwd)/video-shotcraft" ~/.claude/skills/video-shotcraft

装完之后,在 Claude Code 里输入 Use video-shotcraft to create a promo for my product. 就能激活。


怎么用:三种模式

流程图

模式一:模板路线(最快,推荐入门)

skill 自带一支已验收的 36.2 秒成品宣传片模板——Ink Press(墨压):纸墨琥珀风格,1920x1080、30fps,含 10 个完整镜头、2.5D 真实页面运镜、字卡、转场和已配好的电影级 SFX。

示例截图

操作很简单:启动你的产品 dev server,skill 会自动截取页面截图和元素坐标,替换模板里的截图、文案和品牌信息,然后逐镜头适配渲染。从零到成片,换素材就能适配,最快路径还保质量

模式二:自由创作

想要全新的视觉语言?skill 会按六阶段流水线推进:

阶段 内容 产出
阶段 0 开工三问(音乐选好了吗 / 模板还是自由 / 数据合规) 方向确认
阶段 1 素材采集 真实页面截图 + 元素坐标表
阶段 2 风格定调 色板、字体、动效风格
阶段 3 分镜设计 功能清单映射 + 能量曲线 + 时间轴
阶段 4 逐镜头实现 每个镜头 git commit + 静帧验收
阶段 5 声音设计 BGM + SFX 钉帧表
阶段 6 验收 独立 subagent 视觉审查 + 终渲成片

模式三:单镜头/单动效

只想要一个炫酷的卡片飞入效果?从 106 张配方卡里挑一张,或者在在线画廊里看着样片挑,skill 会读卡全文加对应的 demo 源码,把那个镜头做出来。

示例截图


核心特点:这套"配方卡"强在哪

106 张镜头配方卡 = 106 种已验证的动效方案

每一张镜头卡不是"飞入效果"四个字那么简单,而是一份完整的工程文档

示例截图

卡名:deck-deal-flyin 一句话:暗场金属背景里的实体牌堆特写环绕开局,         拉远后一摞卡像发牌一样硬加速甩进网格 适用:展示"内容量大、源源不断汇入"的列表页与卡片墙 时长:约 2.6s 发牌段 + 可选 2s 牌堆特写 能量:高(节奏爬升段主力,不放开场第一镜) 参数表:orbit 环绕角度 | 堆叠高度 | 发牌节拍公式         单卡飞行路径 | 收尾拖拽层级 | 运动模糊…… 已知坑:抽象 flood 五轮不收敛,换"发牌"物理隐喻一轮通过 参考实现:template/src/aifl/live/SceneFlyIn.tsx

每张卡都附带可运行的 demo 代码——缓动曲线、时值配比这些参数是真实用户一轮轮调校出来的,不是你新写能复现的。

部分热门镜头卡:spotlight-hero-card(聚光主角卡)、brand-ink-open(墨线描画品牌开场)、document-typewriter-reveal(文档打字机揭示)、list-stack-press(列表堆叠压入加计数器落定)……

声音设计:产品宣传片的"好莱坞句式"

很多人做视频只关注画面,声音是最后才贴的。但 video-shotcraft 把声音设计提到了和分镜同等的地位

  • BGM 先选好定能量骨架,选强鼓点、强节奏的电子底

  • SFX 用电影系词汇:whoosh(运镜)、impact(落地)、riser(铺垫)、sparkle(光效)

  • 钉帧表用相对表达式管理,时间线平移自动跟随

  • 结尾固定句式:riser → impact → sparkle,听感就是"产品发布会预告"

22 条审美准则:不是空洞的"做好看点"

每条准则都是规则 + 用户原话判例 + 自检问题三要素组成,来自多支宣传片实战返工的经验沉淀:

R1:品牌字标落定后 hold 满 1 秒。

判例——用户说"开头和结尾的动画,出现后延长停留 1 秒"。

Q4:高光扫光不群发,一个镜头最多给主角一次。

判例——用户说"不需要每个卡片都闪烁一下"。

22 条,每条都是真金白银的返工换来的。验收阶段用独立 subagent 拿着检查清单逐条审查,替代用户当人肉 QA。

真实页面截图,不手搓假 UI

这是 skill 最硬核的设计哲学之一:要做产品页面,第一步就起 dev server,用浏览器截真实页面。手搓 HTML 复刻真页面一眼睛假,整段报废。


和传统 Remotion 开发比,区别在哪

对比图

维度 裸用 Remotion 加 video-shotcraft
起步 空白画布,从 npx create-video 开始 一句自然语言指令,AI 自动导航
动效 手动查文档、调参数、踩坑 106 张配方卡 + demo 源码,参数已调好
声音 自己找音效,BGM 凭感觉选 40+ 条电影系 SFX + 5 首 BGM,钉帧管理
质量 自己看完交活 22 条审美准则 + 独立 subagent 审查
迭代 Claude 从零写代码,10-20 分钟/复杂镜头 换素材适配,效率提升 3-5 倍

video-shotcraft 本质上就是"Remotion on rails"——不是替代 Remotion,而是在上面加了一层"电影级产品视频的操作系统"。分镜、动效、声音、验收这四件事不再从零做起。


跟其他 AI 视频方案比

方案 定位 适合
Remotion 官方 Skills Remotion 公司出品,动画入门 想从零学 Remotion
video-shotcraft 产品宣传片专用 想做高质量产品视频,不想从零设计
Hyperframes 抽象掉代码层 非开发者,追求"一句话出片"
wilwaldon Video Toolkit 工具箱型 多场景探索
video-shotcraft 的定位很清楚:它不是给非开发者用的傻瓜工具,而是给会用 Claude Code 的工程师用的专业加速器。你会写代码、会用终端、能跑 Remotion 渲染——但不想在动效设计、声音选型、审美调校上浪费生命。

上手体验:装完发生了什么

  1. 说 "Use video-shotcraft to create a promo for my product."

  2. skill 先问:用模板还是自由创作?音乐选好了吗?

  3. 确认后,它自动启动你的 dev server,截图,生成风格图,排分镜表

  4. 你确认分镜,它逐镜头实现——每个镜头完了自己跑截图自检

  5. 画面锁定后铺 BGM 加钉 SFX,独立 subagent 审查,终渲成片

从"想做个宣传片"到拿到成片,全程不需要你手动写一行 Remotion 代码。 你不是在操作工具,是在扮演导演——做决策、给反馈、说 yes 或 no。


不能做什么:坦诚说清边界

skill 作者在文档里没有回避这一点——它的全部设计假设是"拍一个 web 或桌面产品宣传片"

不适合的场景 原因
手机竖屏视频 全部参数表和模板基于 1920x1080 横屏
文稿驱动视频 它的输入是产品 dev server,不是文字
非产品类叙事 80% 的镜头卡是为 UI 页面设计的
零代码用户 它假设你会写 React 代码

但有三层资产是可以通用的:动效参数库(缓动曲线、时值配比和横竖屏无关)、声音设计方法论(40+ 条 SFX 加选型词汇表)、审美准则和验收体系(22 条准则中一半以上不挑内容形态)。

示例截图


小结

Vincent Wei 做的这件事,本质上是把一个专业动效工作室的完整知识体系——镜头设计、参数调校、声音选型、审美判断、质量验收——编码成了 AI 可以直接消费的配方卡加模板加方法论

AI 不会替代视频创作者。但会使用这套武器库的创作者,一定会替代不会用的。

# 30 秒安装,0 元商用 Install this skill for me: https://github.com/Vincentwei1021/video-shotcraft

video-shotcraft — AI Video Skill for Claude Code & Codex, Apache 2.0 License

在线画廊:vincentwei1021.github.io/video-shotcraft