Promo Asset Producer

SKILL前端设计
前端设计 未标注权限 许可证不明确
安装这个技能

宣传片两包素材生产。Pack A 使用当前可用图片生成能力生成产品图、概念图、UI 模拟图或风格补充图;Pack B 使用官网、应用截图、浏览器搜索、GitHub 或开源素材收集真实产品信号。当 storyboard 确认后进入。

一句话选型结论

按资料字段整理

Promo Asset Producer是前端设计类的 Agent Skill,安装方式未标注,权限级别未标注,许可证不明确,有可直接复制的安装命令。技能本质是给模型读的说明书,效果取决于模型与客户端;装完先用一个小任务验证,再放进正式流程。

分类前端设计 安装方式未标注 权限级别未标注权限 许可证许可证不明确
累计安装 未标注 本周 未标注
GitHub 星标 未标注 仓库 未标注
下载量 未标注 技能市场下载数
权限级别 未标注权限 安装前请确认风险范围
许可证 许可证不明确 未说明

安装

未标注
在支持 Skills 的客户端里执行,装完问一句「你有哪些技能」验证
skillhub install user_3c6cb52e/promo-asset-producer
  1. 1
    确认客户端支持

    确认你的客户端支持 Skills(Claude、Codex、Cursor 等),并升级到较新的版本。

  2. 2
    拿到技能文件

    执行上面的命令安装;也可以把仓库里的 SKILL.md 手动放进客户端的 skills 目录。

  3. 3
    刷新技能列表

    重新打开客户端,或刷新技能列表,让新放进来的技能被加载。

  4. 4
    验证是否生效

    问一句「你有哪些技能」,确认列表里出现它,再拿一个小任务试跑。

技能档案

前端设计
字段来自技能仓库与公开索引,中文说明由本站标注
作者 / 维护方user_3c6cb52e仓库 未标注 · 版本 未标注
宿主客户端未标注技能可被这些客户端加载
安装方式未标注安装包 community
权限级别未标注权限安装前请确认风险范围
许可证未说明许可证不明确,商用前请自行确认条款
仓库可用性available技能仓库当前是否可访问
最近核验未标注上游最后核验时间 · 数据更新 1791644498
正文体量6.9 KBSKILL.md 原文大小,越大说明说明书写得越细

典型使用场景

3 类
按分类整理的常见用法,具体以 SKILL.md 为准
出页面与组件

按描述生成页面结构和组件草稿。

调整样式与布局

改间距、配色与响应式布局。

生成设计说明

把设计稿整理成开发能接的说明。

选择建议

装之前先看这几条
按条目字段给出的判断,不替你决定用不用

值得选的地方

  • 有可直接复制的安装命令,不用自己翻文档找入口。

先想清楚的地方

  • 没有标注权限级别,实际能做什么要装好后确认。
  • 许可证不明确,商用或二次分发前先到仓库确认条款。
  • 没有做站内核验,内容以作者仓库为准。
  • 技能只是说明书,实际效果取决于模型与客户端,装完先用小任务试一遍。

更适合

  • 需要在前端设计场景里给模型补一套做法的人。
  • 愿意先读一遍 SKILL.md、确认它会让模型做什么的人。

不太适合

  • 对许可证要求很严、必须明确可商用的人。
  • 只想装完就自动变强、不打算看说明书的人。

同类对比

6 个同类
同分类里挑最接近的几条,字段以各自详情页为准
技能权限级别安装方式累计安装宿主客户端安装命令
Promo Asset Producer当前 未标注权限 未标注 未标注 未标注 有
前端设计 只读 GitHub 仓库 882.3 万 Codex、Claude、Cursor 有
Vercel 组合模式 联网访问 GitHub 仓库 385.9 万 Codex、Claude、Cursor 有
Vercel React native skills 前端 只读 GitHub 仓库 246.9 万 Codex、Claude、Cursor 有
adapt 搜索 浏览器控制 GitHub 仓库 202.7 万 Codex、Claude、Cursor 有
使用我的浏览器 浏览器控制 GitHub 仓库 184.8 万 Codex、Claude、Cursor 有

SKILL.md 全文

6.9 KB
模型实际读到的说明书原文,来自技能仓库

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.com Star 数、贡献者图
工具操作截图 实际工具页面 浏览器截图

下载规范

  • 分辨率 ≥ 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/&lt;product&gt;/
  03-asset-plan.md
  assets/
    pack-a/               ← AI 生成图片
    pack-b/               ← 网络搜索素材
      pack-b-sources.md   ← 来源记录

常见问题

5 问
答案由本站依据条目字段整理
Promo Asset Producer怎么安装?

在支持 Skills 的客户端里执行:skillhub install user_3c6cb52e/promo-asset-producer。安装方式为未标注。装完刷新技能列表或重开客户端。

Promo Asset Producer支持哪些客户端?

资料没有标注宿主客户端,但只要客户端支持 Skills(Claude、Codex、Cursor 等),一般都能加载。

Promo Asset Producer权限高吗,安全吗?

权限级别为未标注权限。安装前先看它会读取或写入哪些内容。

Promo Asset Producer收费吗?

本站不代收费用,也没有标注具体价格。是否收费取决于技能本身和所用的模型或客户端,正式使用前按作者说明确认。

Promo Asset Producer用什么许可证?

许可证标注为 未说明(许可证不明确)。商用或二次分发前请到仓库确认条款原文。

热门专题

按场景挑技能
全部专题 →

技能内容以作者仓库为准;分类、权限级别与许可证状态的中文说明为中文整理,最近核验 未标注。