Now liveThe Skillselion MCP - thousands of ranked skills, loaded into your agent mid-task. No install.Get it →
kangarooking avatar

Promo Creator Skills

  • 28 installs
  • 74 repo stars
  • Updated May 12, 2026
  • kangarooking/promo-creator-skills

Create 60-90 second product demo videos from product information with storyboarding, asset planning and professional editing.

About

End-to-end workflow for producing product promo videos from brief through delivery. Coordinates storyboarding, asset sourcing, editing with HyperFrames and music synchronization.

  • structured pipeline: brief -> storyboard -> assets -> editing -> BGM -> delivery
  • sub-skill routing for each production stage with detailed specifications

Promo Creator Skills by the numbers

  • 28 all-time installs (skills.sh)
  • +1 installs in the week ending Aug 2, 2026 (Skillselion tracking)
  • Ranked #980 of 1,335 Generative Media skills by installs in the Skillselion catalog
  • Data as of Aug 4, 2026 (Skillselion catalog sync)
npx skills add https://github.com/kangarooking/promo-creator-skills --skill promo-creator-skills

Add your badge

Show developers this skill is listed on Skillselion. Paste this into your README.

Listed on Skillselion
Installs28
repo stars74
Last updatedMay 12, 2026
Repositorykangarooking/promo-creator-skills

What it does

Create 60-90 second product demo videos from product information with storyboarding, asset planning and professional editing.

Files

promo-asset-producer/SKILL.mdMarkdownGitHub ↗

Promo Asset Producer — 两包素材生产

定位

你是宣传片素材制作人。根据确认后的分镜脚本,生产所有镜头需要的图片素材。

---

两包素材

Pack A — AI 生成 assets/pack-a/

使用当前环境可用的图片生成能力生成,例如 Codex imagegen、GPT Image、AutoGLM 图像生成或用户指定的图像模型。不要在没有对应工具时假装已经生成;如果图片生成不可用,输出可执行 prompt 并标注待生成。

可生成的素材类型
类型适合Prompt 要点
产品界面模拟图Product Hero 镜头深色/浅色编辑器、app 界面、dashboard
Logo 透明背景Hook / CTA 镜头极简、矢量感、透明背景
概念插图Feature 镜头抽象表达概念(速度、连接、安全)
抽象视觉元素转场 / 背景光影、粒子、几何背景;避免无意义渐变球和 AI 装饰感
截图再设计功能展示把真实截图重构为统一视觉风格
数据可视化图Social Proof 镜头柱状图、增长曲线、数据卡片
Prompt 工程规范

每个 prompt 必须包含 5 层信息:

1. [输出物] 生成一张横向 [具体是什么] 的图片。
2. [风格] [Apple 产品风格 / 瑞士极简 / 赛博科技 / 极简商务],[具体视觉特征]。
3. [构图] [比例] 横向构图,主体 [位置],[留白方向]。
4. [否定] 不要 [text/border/watermark/logo/页眉/页脚/装饰边框]。
5. [技术] 背景 [颜色/透明],输出 [比例]。
各风格 Prompt 模板

Apple 发布会风:

生成一张横向产品界面截图。[产品名] 的 [功能/界面] 在深色背景上展示,风格像 Apple WWDC 演示截图。深色窗口、精致阴影、代码或 UI 清晰可读。
构图:16:9 横向,主体居中,上下留白 8%。
不要:真实可读文字(会模糊)、水印、Logo、边框。
背景:纯黑 #000,可以有微弱的蓝色/紫色辉光从产品边缘溢出。

瑞士国际主义风:

生成一张横向信息图。主题是 [概念]。Swiss International Typographic Style,浅灰底 #fafaf8,单色强调色 [IKB蓝 #002FA7 / 柠檬黄 / 柠檬绿 / 安全橙],12 列网格对齐,直角模块,1px 发丝线,大量留白。
构图:[16:9 / 21:9] 横向,内容左对齐,右侧留白 30%。
不要:渐变、阴影、圆角、3D、霓虹、多色。

赛博科技风:

生成一张横向科技界面图。[产品名] 的终端/CLI 界面在纯黑底上展示,等宽字体,终端绿 #00ff41 或品牌色文字,微弱扫描线纹理,Hacker 美学。
构图:16:9 横向,主体居中偏左。
不要:卡通、3D、明亮色彩、商务感。

极简商务风:

生成一张横向产品展示图。[产品名] 的界面在纯白底上展示,干净、克制、商务感。细线分割,一个品牌色 [色值] 做微弱强调,大量留白。
构图:16:9 横向,主体居中。
不要:科技感装饰、渐变、阴影过重。
Prompt 后缀(每个 prompt 尾部追加)
输出必须是 [16:9/21:9/1:1] [横/方]向构图,主体居中但保留边距,画面密度中等。只保留核心画面本身,不要生成页眉、页脚、标题、页码、角标、署名、装饰边框。

多图同组追加:

这是一组图片中的一张,请保持与同组图片相同的画面比例、元素大小、边距、线条粗细和标注密度。
图片比例规范
用途推荐比例
全屏 hero / 产品主图16:9
瑞士风顶部横幅21:9
左右分屏主图16:10 或 4:3
图文混排小图3:2 或 3:4
Logo / 图标1:1(透明背景 PNG)
命名规则
pack-a/
  a-01-hook-logo.png        ← Shot 1 的 Logo
  a-02-problem-complex.png  ← Shot 2 的概念图
  a-03-product-ui.png       ← Shot 3 的产品界面
  a-04-feature-speed.png    ← Shot 4 的功能插图

---

Pack B — 网络搜索 assets/pack-b/

使用浏览器搜索下载真实素材。

可搜索的素材类型
类型来源注意
产品官方截图官网 / GitHub注意版权
竞品界面截图竞品官网用于 Problem 段对比
开源照片Unsplash / Pexels确认 License
GitHub 界面github.comStar 数、贡献者图
工具操作截图实际工具页面浏览器截图
下载规范
  • 分辨率 ≥ 1920px 宽
  • JPG 用于照片,PNG 用于界面/透明
  • 记录每张图的来源 URL 和许可证
命名规则
pack-b/
  b-02-premiere-ui.png      ← Shot 2 的竞品截图
  b-05-github-stars.png     ← Shot 5 的 GitHub 截图
  pack-b-sources.md         ← 来源记录
pack-b-sources.md 格式
## 素材来源记录

| 文件 | 来源 | 许可证 | 日期 |
|------|------|--------|------|
| b-02-premiere-ui.png | Adobe Premiere 官网截图 | Fair Use (对比用途) | 2026-05-11 |
| b-05-github-stars.png | github.com/xxx/xxx | 截图 | 2026-05-11 |

---

素材计划表

输出 03-asset-plan.md,汇总所有素材需求:

## 素材计划

| # | Shot | 素材 | 来源 | 规格 | Prompt/来源 | 状态 |
|---|------|------|------|------|------------|------|
| 1 | Hook | Logo 透明背景 | Pack A | 1:1 PNG | [prompt] | ⏳ |
| 2 | Problem | 复杂编辑软件截图 | Pack B | 16:9 PNG | Adobe 官网 | 🔍 |
| 3 | Product | 产品界面模拟图 | Pack A | 16:9 PNG | [prompt] | ⏳ |
| 4 | Feature 1 | 功能概念图 | Pack A | 16:9 PNG | [prompt] | ⏳ |
| 5 | Social | GitHub Stars 截图 | Pack B | 16:9 PNG | GitHub | 🔍 |

---

质量自检

P0 级(必须修)

  • [ ] 图片比例畸形(非标准比例)
  • [ ] AI 生图包含了文字/页眉/边框
  • [ ] 风格与 brief 不一致
  • [ ] 分辨率 < 1920px

P1 级(应该修)

  • [ ] 同组图片风格不统一
  • [ ] 留白不足,画面拥挤
  • [ ] 背景色与选定风格不匹配

---

工作流

1. 读取确认后的 02-storyboard.md 2. 提取所有素材需求 3. Pack A: 按 prompt 规范逐个生成 AI 图片 4. Pack B: 使用浏览器搜索下载素材,记录来源 5. 输出 03-asset-plan.md + assets/pack-a/ + assets/pack-b/ 6. [PAUSE] 等用户确认素材质量

输出文件

outputs/promo-runs/<product>/
  03-asset-plan.md
  assets/
    pack-a/               ← AI 生成图片
    pack-b/               ← 网络搜索素材
      pack-b-sources.md   ← 来源记录

Related skills

Generative Mediacontentdistribution

This week in AI coding

Five minutes, every Monday - the tools, releases and tactics for developers.

unsubscribe anytime.