电商产品图生产流水线

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

把实拍图批量做成电商"主图+详情图"的流水线:按高转化结构出主图6张(800x800)、详情图10段(750宽)并切片打包zip,全部0积分本地合成。触发词:产品主图、详情图、电商图、出主图、详情图切片、实拍图做图、农产品图、主图详情图生成、给XX出图。

一句话选型结论

按资料字段整理

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

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

安装

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

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

  2. 2
    拿到技能文件

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

  3. 3
    刷新技能列表

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

  4. 4
    验证是否生效

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

技能档案

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

典型使用场景

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

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

调整样式与布局

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

生成设计说明

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

选择建议

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

值得选的地方

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

先想清楚的地方

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

更适合

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

不太适合

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

同类对比

6 个同类
同分类里挑最接近的几条,字段以各自详情页为准
技能权限级别安装方式累计安装宿主客户端安装命令
电商产品图生产流水线当前 未标注权限 未标注 未标注 未标注 有
前端设计 只读 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 全文

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

产品图流水线(主图 + 详情图 + 切片 + 打包)

把一文件夹实拍图,做成可直接上架的电商图包:主图 6 张 + 详情图 10 段(切片)+ zip。
全部本地合成(Pillow),0 积分;只有"无实拍图需 AI 造图 / AI 美化换背景"才产生积分(ImageGen 每次 5-10 积分,需用户点头)。

何时用

  • 用户说"给 XX 做主图和详情图 / 出图 / 详情图切片"
  • 用户丢来一文件夹实拍图,要电商主图、详情页
  • 用户要农产品/商品图包(含打包 zip)

前置条件(首次)

  1. Python + Pillow:C:\Users\40280\.workbuddy\binaries\python\versions\3.13.12\python.exe 已装 Pillow(已装则跳过)
    - 装 Pillow 坑:git-bash 下 /c/... 传给 Windows 程序会多加一层 c\。装包用两段法:
    a. python -m pip download Pillow -d <某目录> --no-deps(慢网会下 4-5 分钟,属正常)
    b. python -c "import subprocess,sys; subprocess.run([sys.executable,'-m','pip','install', r'<wheel真实Windows路径>'])" 本地装
  2. 中文字体:C:\Windows\Fonts\msyh.ttc / msyhbd.ttc(Windows 自带,无需装)

素材目录约定(用户只需做这一步)

E:\AI产品主图和祥情图生成\<产品名>\
    ├─ 1.jpg ... 10.jpg      ← 实拍图(一个产品一个文件夹)
  • 需要识别并分好角色的图:白底单果照(做主图1)、产地/环境照、切开/细节特写、丰收/装箱照、合作社/包装信任照、场景/吃法照
  • 图上有"烧死的营销字"的(如抖音文案水印)跳过,不要做底图
  • 无实拍图时:先问用户,或明确告知会花积分用 ImageGen 造图

使用流程(每次执行)

  1. 读素材:ls 目录看文件;Read 关键实拍图确认内容,给每张图定角色
  2. 配置:把 scripts/build_product_images.py 复制到产品目录,改脚本顶部 CONFIG 区:
    - folder → 该产品目录(素材和输出都在这里)
    - product_name / 文案字段(标题、卖点、规格、价格、信任文案)
    - images 图片映射(white/scene/detail/harvest/trust/usage/cut/compare_img)
    - specs / compare_rows / usage_chips / guarantee 数组按产品改
    - 色板:默认暖黄+番茄红,风格不符可改 RED/GOLD/CREAM 等
  3. 运行:cd <产品目录> && python build_product_images.py
  4. 校验(对照输出打印):
    - [OK] 主图 x6、详情图 750xXXXX 切 N 片、zip 路径、JPG 数量
    - 主图 6 张 800x800;详情切片每片高 ≤1500;zip 在上级目录
  5. 交付:present_files 展示全部产物(6 主图 + N 切片 + 全图 + zip)

关键参数(默认,勿乱改)

项 值
主图 800x800 JPG,quality 93,第 1 张白底
详情图 宽 750,长图总高 ~5500,切片 ≤1500px/片
切片命名 详情图_01.jpg / 02.jpg ...
输出位置 <产品目录>\升级版\(保留旧版对比)+ 上级目录 zip
字体 msyh.ttc(常规)/ msyhbd.ttc(加粗)

高转化结构(本 skill 的排版骨架,改版式先看这里)

  • 主图 6 张:①白底全景 ②核心卖点(红banner) ③产地场景 ④细节特写 ⑤规格+价格 ⑥信任+CTA
  • 详情图 10 段 + 页脚:痛点钩子 → 产品亮相 → 核心卖点 → 实拍细节 → 场景吃法 → 规格参数 → 对比差异 → 信任背书 → 承诺保障 → 促销+价格 → 品牌页脚
  • 每段都带:段落标题(红竖条+大标题)、圆角卡片+投影、统一色板、品牌角标

常见坑

  • 路径:git-bash /c/... → Windows 会变 C:\c\...;脚本内路径用 r"E:\..." 原样字符串,运行用 cd 进目录再跑
  • 图片太大:6-12MB 的 jpg 直接处理没问题,Pillow 会自动降采样
  • 文案别编硬数据:产地/克数/价格等写实;拿不准的用通用话术(如"约 18-22 个"要用户确认)
  • 0 积分原则:只用实拍图合成;动 ImageGen 前必须告知并等用户同意

验收标准

  • 6 张主图 + 切片详情图 + zip 都在,尺寸/切片高度符合上表
  • 每张图有品牌角标、统一色板、无文字压图/重叠(跑完问用户哪张要微调坐标)
  • 打包 zip 可直接上传

常见问题

5 问
答案由本站依据条目字段整理
电商产品图生产流水线怎么安装?

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

电商产品图生产流水线支持哪些客户端?

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

电商产品图生产流水线权限高吗,安全吗?

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

电商产品图生产流水线收费吗?

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

电商产品图生产流水线用什么许可证?

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

热门专题

按场景挑技能
全部专题 →

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