SuperAPI AI Directory

promo-asset-producer

Design & creation

View repository

Updated 10-15 17:56

About this skill

Promo Asset Producer — two-pack asset production

Positioning

You are a promotional video asset producer. Based on the confirmed storyboard script, produce the image assets needed for all shots.


Two asset packs

Pack A — AI generation assets/pack-a/

Generate using the image generation capabilities available in the current environment, such as Codex imagegen, GPT Image, AutoGLM image generation, or an image model specified by the user. Do not pretend to have generated when the corresponding tool is unavailable; if image generation is unavailable, output an executable prompt and mark it as pending generation.

Types of assets that can be generated

Type Suitable for Prompt key points
Product interface mockup Product Hero shot Dark/light editor, app interface, dashboard
Logo transparent background Hook / CTA shot Minimalist, vector feel, transparent background
Conceptual illustration Feature shot Abstract expression of concepts (speed, connection, security)
Abstract visual elements Transition / background Light and shadow, particles, geometric backgrounds; avoid meaningless gradient spheres and an AI decorative feel
Screenshot redesign Feature showcase Reconstruct real screenshots into a unified visual style
Data visualization chart Social Proof shot Bar chart, growth curve, data card

Prompt engineering specifications

Each prompt must contain 5 layers of information:

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

Prompt templates for various styles

Apple keynote style:

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

Swiss International style:

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

Cyber tech style:

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

Minimalist business style:

生成一张横向产品展示图。[产品名] 的界面在纯白底上展示,干净、克制、商务感。细线分割,一个品牌色 [色值] 做微弱强调,大量留白。
构图:16:9 横向,主体居中。
不要:科技感装饰、渐变、阴影过重。

Prompt suffix (append to the end of each prompt)

输出必须是 [16:9/21:9/1:1] [横/方]向构图,主体居中但保留边距,画面密度中等。只保留核心画面本身,不要生成页眉、页脚、标题、页码、角标、署名、装饰边框。

Append for multiple images in the same group:

这是一组图片中的一张,请保持与同组图片相同的画面比例、元素大小、边距、线条粗细和标注密度。

Image aspect ratio specifications

Use Recommended aspect ratio
Full-screen hero / main product image 16:9
Swiss style top banner 21:9
Left-right split-screen main image 16:10 or 4:3
Small image for mixed text and image layout 3:2 or 3:4
Logo / icon 1:1 (transparent background PNG)

Naming rules

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 — Web search assets/pack-b/

Use browser search to download real assets.

Types of assets that can be searched for

Type Source Note
Official product screenshots Official website / GitHub Pay attention to copyright
Competitor interface screenshots Competitor official website Used for comparison in the Problem section
Open-source photos Unsplash / Pexels Confirm License
GitHub interface github.com Star count, contributor graph
Tool operation screenshots Actual tool pages Browser screenshots

Download specifications

  • Resolution ≥ 1920px wide
  • JPG for photos, PNG for UI/transparency
  • Record the source URL and license for each image

Naming rules

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 Format

## 素材来源记录

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

Asset plan table

Output 03-asset-plan.md, summarizing all asset requirements:

## 素材计划

| # | 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 | 🔍 |

Quality self-check

P0 level (must fix)

  • Distorted image proportions (non-standard ratio)
  • AI-generated images contain text/headers/borders
  • Style inconsistent with the brief
  • Resolution < 1920px

P1 level (should fix)

  • Inconsistent style among images in the same group
  • Insufficient whitespace, cluttered composition
  • Background color does not match the selected style

Workflow

  1. Read the confirmed 02-storyboard.md
  2. Extract all asset requirements
  3. Pack A: Generate AI images one by one according to the prompt specifications
  4. Pack B: Use a browser to search and download assets, record sources
  5. Output 03-asset-plan.md + assets/pack-a/ + assets/pack-b/
  6. [PAUSE] Wait for user confirmation of asset quality

Output files

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