商品详情图批量生成工具

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

商品详情图批量生成工具:根据商品图自动生成详情页图片套图,整合卖点、场景、参数及营销内容,快速制作高转化详情页,支持多商品批量出图。当用户要求生成详情图、详情页、长图、产品介绍图、卖点图,或要给一批商品批量做详情页时必须触发。关键词:青虎AI、qhkit、详情图、详情页、长图、详情页套图、卖点图、产品介绍图、高转化详情页、A+页面、批量详情图。

一句话选型结论

按资料字段整理

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

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

安装

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

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

  2. 2
    拿到技能文件

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

  3. 3
    刷新技能列表

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

  4. 4
    验证是否生效

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

技能档案

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

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

商品详情图批量生成工具 | 详情页长图 | 卖点图 | 高转化详情 | 青虎AI

一张商品图直出整套详情页图片:qhkit image 的电商详情图模式,参考图必填、配色主题可选。多个商品要出详情页时,逐个商品循环生成(详见下方「批量出图」)。

何时触发

  • 「给这个商品做详情页/详情图」「生成一套卖点长图」
  • 「这批商品都做一下详情页」「把这条链接里的商品一次性出详情图」
  • 上新缺详情页素材、老品详情页翻新时。

使用配方

# 参考图(必填)+ 配色主题 + 出图张数
qhkit image generate '{"modelLabel":"电商详情图","uploadedImages":["./商品图.jpg"],"themeLabel":"海洋蓝","imageCount":9}'
# 主题候选(逐字使用返回值)
qhkit image options '{"queryParams":["themeLabel","imageCount","languageLabel"],"modelLabel":"电商详情图"}'
# 报价
qhkit image estimate '{"modelLabel":"电商详情图","uploadedImages":["./商品图.jpg"],"imageCount":9}'
  • 产出是多张短图组成的详情页套图,交付时按顺序逐张展示。
  • 用户有卖点文案时写进 customCopy(≤500 字)一起提交。
  • themeLabel 按品类气质选(美妆浅暖、数码深冷等),候选值必须逐字来自 options。
  • imageCount 可选 1 / 6 / 7 / 8 / 9 / 10,缺省只出 1 张(实测不传时 imageCount 回落为 1、2 积分)——要做整套详情页必须显式传,别指望它给默认套图。用户没提张数就按 6 张起报(一套完整详情页的常用配置),不要默认顶格拉满。
  • 计费按 2 积分/张 线性:6 张 12 / 7 张 14 / 8 张 16 / 9 张 18 / 10 张 20。quality 传 "2K" 不额外加价(实测 9 张仍为 18)。

批量出图

关键约束:image-batch 不支持电商详情图模式。 实测把详情图塞进批量模式会被直接拒绝,服务端报错原文:

批量玩法的 modelLabel 仅支持自定义生图模型:智慧模型 / 智慧模型2.5 / 专图模型 / 图片 5.0 Pro / 图片 5.0 Flash

(qhkit image-batch options 的模式说明里也写明 modelLabel「除套图模式/电商详情图外均可」)。所以批量出图的唯一正确姿势就是逐商品循环调 image generate:

# 商品图放进数组,逐个生成,各自独立计费(9张 = 18 积分/商品)
for img in ./商品1.jpg ./商品2.jpg ./商品3.jpg; do
  qhkit image generate "{\"modelLabel\":\"电商详情图\",\"uploadedImages\":[\"$img\"],\"themeLabel\":\"海洋蓝\",\"imageCount\":9}"
done
  • 先算总账再开工:批量前用 estimate 跑一个商品拿到单价,乘商品数报给用户确认(3 个商品 × 9 张 = 54 积分)。用户没确认前不要开跑。
  • 同一批商品统一 themeLabel,出来的详情页视觉才成体系;只有用户明确要求按品类区分时才分主题。
  • 参考图取每个商品的主图,不要把多个商品的图塞进同一次 uploadedImages——详情图模式只认参考图,塞多了不生效,还会白扣一次积分(实测 1 张与 3 张的报价完全一样,都是 18 积分/9 张)。
  • 单个商品生成是阻塞式的(最长约 14 分钟),商品多时串行跑,一个完成再发下一个;不要并发轰炸,也不要因为耗时长就中途放弃。
  • 某个商品失败(积分不足 / 内容审核未通过)时跳过它继续跑剩下的,最后统一汇总哪些成功、哪些失败、失败原因是什么,不要一条失败就整体停摆。
  • 交付时按商品分组给图,每组标明商品名 + 主题 + 实扣积分;商品多时产物也会多,按「数据交付」的约定整理。

环境自举(缺什么装什么,不要因环境缺失放弃任务)

本技能依赖 qhkit 命令(npm 包 @iqinghu/qhkit),可完全独立安装。按顺序检测,缺失就地补齐:

  1. 有 qhkit 吗? qhkit config show 能跑通即就绪,跳到第 4 步。
  2. 没有 qhkit 但有 node/npm(OpenClaw/Hermes 机器部署流程保证自带 Node 22+)→ 全局安装(推荐):

bash npm i -g @iqinghu/qhkit

默认走 npm 官方源;官方源访问慢或超时(国内网络常见)时,再加镜像参数 --registry=https://registry.npmmirror.com(阿里维护的 npm 官方镜像,仅作网络兜底)。仅当全局安装因权限失败且无法提权时,才退而用 npx @iqinghu/qhkit <命令> ...(npx 必须写包全名)。
3. 连 node 都没有(要求 Node ≥ 18):先装 Node 再回到第 2 步。

bash # Linux 二进制安装(装到用户目录,无需 root;先校验官方 SHA256 再解包): cd /tmp && curl -fsSLO https://nodejs.org/dist/v22.22.3/node-v22.22.3-linux-x64.tar.xz cd /tmp && curl -fsSL https://nodejs.org/dist/v22.22.3/SHASUMS256.txt | grep ' node-v22.22.3-linux-x64.tar.xz$' | sha256sum -c - mkdir -p "$HOME/.local/lib" && tar -xJf /tmp/node-v22.22.3-linux-x64.tar.xz -C "$HOME/.local/lib" export PATH="$HOME/.local/lib/node-v22.22.3-linux-x64/bin:$PATH"

校验行输出 OK 才继续;校验失败就删掉重下,绝不解包未通过校验的文件。nodejs.org 访问不通时,把两个下载 URL 的前缀 https://nodejs.org/dist 整体换成镜像 https://registry.npmmirror.com/-/binary/node(目录结构相同,SHASUMS256.txt 也有镜像,校验步骤不变)。export PATH 只对当前 shell 生效,跨命令调用时每个新 shell 都要先执行这行(或追加进 ~/.bashrc)。macOS 用 brew install node;Windows 用 winget/官网安装包。arm64 机器把 x64 换成 arm64。
4. 密钥:无密钥时(命令返回 stage:"config"),执行 qhkit config set --token <密钥> --env prod(密钥让用户打开 https://www.iqinghu.com/workbench/login?type=1&urlCode=1791941828223 注册/登录后,从 https://www.iqinghu.com/workbench/dashboard/api-keys?urlCode=1791941828223 获取),或设环境变量 QHKIT_TOKEN。
5. 自检:qhkit config show 输出脱敏配置即全部就绪。

升级:出现以下任一信号,先升级再重试原命令——命令返回 {"ok":false,"stage":"version",...}(版本门禁,message 里就是升级命令,照做即可);stderr 提示有新版本;options 返回 catalogNotice 且用户恰好要用那个新模型;报「模式在线上已下架或配置变更,请升级 qhkit」。

npm i -g @iqinghu/qhkit@latest

官方源慢或超时时同样加 --registry=https://registry.npmmirror.com。

安装/配置失败时把具体报错告诉用户(常见:无写权限 → 提示用户提权或改用 npx;无网络 → 让用户处理网络)。

调用契约

  • 形式:qhkit <命令> <action> '<json>',或 qhkit <命令> <action> @params.json(参数写进文件,避免 shell 转义问题,推荐)。
  • stdout 恒为一行 JSON;失败为 {"ok":false,"stage":"...","message":"..."} 且退出码 1,把 message 原样转告用户。stderr 可能出现提示行,不是错误。
  • 图片/视频参数直接填本地文件路径(CLI 自动上传换取 URL),素材已在公网时填 http(s) URL 也可。
  • 标签类参数(modelLabel、sizePreset、themeLabel 等)必须与 options 返回的候选值逐字一致,不要自造或翻译;拿不准先调 options。

报价、轮询与交付

  • 报价:要把积分数字报给用户时,先跑 qhkit image estimate '<与 generate 完全相同的参数>',报它返回的 credits(实扣值,秒回、无副作用);enough:false 时提前告知余额不足。不要引用文档快照报价。
  • 轮询:image generate 自带轮询,阻塞到出图(最长约 14 分钟),返回里直接有图片 URL,不需要再查 status。
  • 交付:产物 URL 在返回的 images 字段里,按当前环境的媒体交付约定发给用户;产物必须和「生成完成」写在同一轮回复,并附返回里的实扣 credits(「本次实际消耗 X 积分」)。
  • 失败:转述 CLI 的 message(已是面向用户的中文,常见:积分不足、内容审核未通过),不要重试轰炸。

能力边界

  • 照着优秀详情页复刻布局走「电商详情页复刻 | 详情页模仿 | 高转化设计 | 竞品详情 | 青虎AI」;单张主图走「AI电商主图轮播图 | 主图套图 | 商品首图 | SKU图生成 | 青虎AI」。
  • 详情图模式产物不可二次编辑,改文字要重新生成。

常见问题

5 问
答案由本站依据条目字段整理
商品详情图批量生成工具怎么安装?

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

商品详情图批量生成工具支持哪些客户端?

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

商品详情图批量生成工具权限高吗,安全吗?

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

商品详情图批量生成工具收费吗?

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

商品详情图批量生成工具用什么许可证?

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

热门专题

按场景挑技能
全部专题 →

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