Skip to content

AI Promo Video Maker

一句话让 AI 帮你做产品宣传片!把产品名或网址告诉 Cursor、Claude Code、Codex 等 AI 编程工具,它会自己调研产品、画出多种风格样图让你挑选、截取 4K 真实页面、按音乐节拍卡点剪辑、生成 AI 旁白并逐句转写校验、自动审图,最后交付一支 4K 商业宣传视频和可在线播放的网页版。App、网站、SaaS、开源项目、课程、AI…

Install

$npx skills add liyupi/ai-promo-video-maker -g
Claude Code
claude mcp add ai-promo-video-maker -- npx skills add liyupi/ai-promo-video-maker -g
Cursor / Claude Desktop (mcp.json)
{
  "mcpServers": {
    "ai-promo-video-maker": {
      "command": "npx",
      "args": [
        "skills",
        "add",
        "liyupi/ai-promo-video-maker",
        "-g"
      ]
    }
  }
}

Install command taken from the project's README or registry entry. Always review code before running it.

产品宣传视频制作器

一句话告诉 AI 你要宣传什么,它会自己调研、提问、截图、配乐、配音、剪辑和校验,最后交给你一支 4K 商业宣传片。

上面这段动图依次截取了 5 支宣传片的开场,它们全部由这个工具做出来,风格却完全不同。编程学习社区用的是浅色等距 3D 地图,面试刷题平台用的是黑白热血漫画,AI 导航网站用的是明亮的水下 Q 版画风,一个还没正式发布的 AI 模型用的是泄密档案风,零基础编程教程则做成了一支电影预告片。这些风格都不来自预设模板,而是 AI 针对每个产品提出几个方向、画出样图,再由产品作者亲自挑选的结果。

这是什么

做一支像样的产品宣传片,通常要经过写脚本、找素材、设计画面、剪辑卡点、配音混音好几道工序。外包一支往往要花几千甚至上万元,自己做又得学会一整套专业软件。

这个项目把整套制作流程写成了一份 AI 能读懂、能照着执行的工作规范(AGENTS.md),并配上一个 Remotion 视频工程模板和十几个辅助脚本。你可以把仓库克隆到本地,用 Cursor、Claude Code、Codex 这类 AI 编程工具打开目录;也可以把它安装成一个 Skill,在任何项目里随时调用。无论哪种方式,你都只需要用一句话说明想给什么做宣传片。至于产品有哪些卖点、该用什么风格、哪些画面能打动人,这些不确定的事情都由 AI 先去调研,再拿着具体的选项来问你。

这里说的「产品」范围很广,App、网站、SaaS 工具、开源项目、课程教程、AI 模型、社区和线下活动都可以,只要它有能拿出来展示的界面或作品。

快速开始

制作过程会用到 Node.js 18 以上版本、Python 3.9 以上版本和 ffmpeg,请先确认电脑上已经装好这三样软件。其余的 Python 依赖和截图用的浏览器内核,AI 在开工前做环境体检时会提示你安装。

接下来可以从两种用法里选一种。如果只是想试一试,或者要宣传的产品没有本地代码,选择克隆仓库更直接;如果你想在自己的产品仓库里随时说一句「给这个项目做个宣传片」,就安装成 Skill。

克隆仓库直接使用

把仓库克隆到本地,再安装 Python 依赖和截图用的浏览器内核。

git clone https://github.com/liyupi/ai-promo-video-maker.git
cd ai-promo-video-maker
pip install -r template/requirements.txt
playwright install chromium

如果不确定环境是否齐全,可以运行一次体检脚本。它只做检查、不会安装任何东西,并且会逐项告诉你缺了什么、该用什么命令补上。

python3 template/scripts/doctor.py

然后用 AI 编程工具打开这个目录就可以开始了。做好的成片会保存在 outputs/<项目名>/ 目录里。

安装成 Skill 使用

这个仓库本身就是一个标准的 Agent Skill,可以用 skills 命令行工具一键安装到 Claude Code、Cursor、Codex 等 AI 工具里。加上 -g 表示安装到用户目录,这样所有项目都能用。

npx skills add liyupi/ai-promo-video-maker -g

安装以后,在任意项目里对 AI 说「给这个项目做一支宣传片」,它就会自动调用这个 Skill。这种用法特别适合在产品自己的代码仓库里使用,因为 AI 可以直接读取源码、文档和 README,拿到最准确的一手素材。成片会保存在当前项目的 宣传片/ 目录里,AI 也会提醒你把这个目录加进 .gitignore,以免几个 GB 的工程文件被提交上去。以后想更新到最新版本,运行 npx skills update 即可。

配置 ElevenLabs(可选)

如果你有 ElevenLabs 账号,可以把 .env.example 复制到工作区根目录并改名为 .env,然后填上 API Key;也可以直接设置环境变量 ELEVENLABS_API_KEY。这样 AI 就能为片子生成旁白、按分镜定制配乐和音效,还会用语音转写逐句检查旁白有没有读错字。

没有账号也完全可以做片子。这种情况下 AI 会从免费可商用的 Mixkit 曲库里挑选配乐,再用醒目的大字幕代替旁白。

用一句话开始

不管用哪种方式,开始的方法都一样:像跟同事交代任务一样说一句话就行。下面是几种常见的说法。

帮我给 https://example.com 做一支宣传片
给我的开源项目做一支 1 分钟的介绍视频,仓库地址是 https://github.com/xxx/yyy
我们的记账 App 下周上线,做一支能发抖音的竖屏宣传片

说完之后,AI 会先花几分钟了解你的产品,然后分两轮向你提问,问题涉及画幅时长、目标受众、风格方向、开场方式、配乐和截图来源等方面。每个问题都会附带一个针对你的产品的推荐选项和理由,拿不定主意时直接选推荐项,或者回答「你来决定」都可以。

等你确认需求以后,AI 就会自动完成剩下的全部工作。中途它只会在三种情况下来找你:需要你登录某个网站以便截图、需要你试听配乐和音色、遇到只有你才能核实的事实。

推荐使用的模型

推荐使用 Claude Opus 5.5 或者更先进的模型。一支宣传片要经过十几个步骤,以及反复多轮的截图审查和音频校验,模型需要在很长的上下文里始终记得规范里的要求,同时还要有不错的审美判断。能力较弱的模型往往会跳过校验步骤,或者不知不觉把每个产品都做成千篇一律的深色科技风。

AI 会先给你看样图,再动手

在开始制作之前,AI 会针对你的产品提出 3 到 4 个差异明显的风格方向,并为每个方向画一张样帧,让你直观地看到「这个风格用在我的产品上是什么样子」。下面是面试刷题平台「面试鸭」在需求问询阶段收到的 4 张样帧,最终作者选择了右上角的热血漫画风格。

同样的流程用在 AI 导航网站上,得到的候选完全不同。这一次作者选了右上角的 Q 版小鱼风格,吉祥物就是以网站 logo 为原型设计的。

你可以从中挑一个,也可以混搭,比如「A 的配色加上 C 的角色」。AI 会把你的选择连同其他所有决定一起写进 需求确认.md,等你确认无误后才开始制作。

成片展示

下面这 5 支片子都是用这个工具完成的。每支片子都经历过几轮真实的修改意见,这些意见后来都被提炼成了规范里的规则。

编程导航:等距 3D 导航地图

编程导航是一个编程学习社区。这支片子用代码绘制了一座浅色的等距 3D 城市,把学习路线、项目教程、面试求职串成一条通往 Offer 的道路。片子以三个学编程的痛点开场,第 4.4 秒音乐爆发、品牌登场,随后用 10 张登录后截取的 4K 真实页面逐一展示各个板块。配乐、音效和旁白全部由 ElevenLabs 生成。

面试鸭:黑白热血漫画

面试鸭是一个程序员面试刷题平台。片子采用黑白漫画风格,全片只用一种鸭黄色作点缀。开场直接连发 4 道站内浏览量最高的真实面试题,配乐由 AI 按分镜作曲,包含两次爆发和一段回落,旁白恰好在回落段讲解答案。漫画分格由 AI 生成后再经过 4 倍超分,保证在 4K 画面里线条依然清晰。

鱼皮 AI 导航:明亮水下 Q 版

鱼皮 AI 导航是一个 AI 工具与资源导航网站。片子的主角是一条以网站 logo 为原型的小鱼,它游过一个个浏览器窗口,窗口里滚动播放着网站各个栏目的真实页面。这支片子前后改了 5 轮,「配乐要先让用户试听」「截图必须保持原比例」「品牌名要逐字校验读音」这几条规则都是在这个过程中总结出来的。

Claude Fable 5.5:泄密档案风

Similar plugs

The 1st Collaborative AI Design Agent Workspace. Local-first and open source. Create prototypes, websites, apps, dashboards, presentations, images, and videos with your team…

Editorial diagram design for Claude Code, Codex, GitHub Copilot, Cursor, Factory Droid, and Pi. 44 diagram types. Self-contained HTML + SVG. No shadows. No Mermaid slop.