An AI skill that provides design intelligence for building professional UI/UX across multiple platforms.
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 -gclaude mcp add ai-promo-video-maker -- npx skills add liyupi/ai-promo-video-maker -g{
"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.
README excerpt
Read full README on GitHub →产品宣传视频制作器
一句话告诉 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…
Agent skills that give coding agents taste: art direction, reference images and a browser check instead of generic AI pages
Turn any idea, plan, or codebase into a beautiful interactive diagram. An agent skill for Claude Code, Codex, and more.
AI agent skill that researches any topic across Reddit, X, YouTube, HN, Polymarket, and the web - then synthesizes a grounded summary
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.