电商商品图设计

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

以真实商品照片制作白底主图、影棚图和生活场景图,支持选定草稿精修,核对商品形状、颜色、标签、Logo、配件与数量。

一句话选型结论

按资料字段整理

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

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

安装

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

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

  2. 2
    拿到技能文件

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

  3. 3
    刷新技能列表

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

  4. 4
    验证是否生效

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

技能档案

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

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

AI商品图工作室

将一张真实产品照片转化为影棚级上架图、生活场景图或面向市场平台的主视觉。复用对话中已经明确的决定,沿最短路径完成用户需要的商品图。

选择制作路线

  • 纯净背景: 有一张产品照片时,移除原始背景,将产品放在纯白、浅灰或影棚渐变背景上,使用 beatra.images.transform。这是平台主图的默认选择。
  • 场景与生活化: 有一张产品照片和场景描述时,将产品放入真实使用场景——厨房台面、木桌、大理石层架或季节背景——使用 beatra.images.transform。
  • 精修选定草稿: 使用 beatra.images.edit,把选定图片作为 images[0],修复阴影、去除反光、调整色温或清理小瑕疵,不改变整体构图。

精确路线参见产品路由(references/product-routing.md),把需求转化为以源产品为依据的视觉规格时参见场景工艺(references/scene-craft.md)。

形成一份产品简报

硬输入是一张真实商品照片。场景和光效不得改写已确认的颜色、配件或数量。

复用用户已经给出的产品类型、目标平台、背景偏好和风格参考。只有缺失决定会实质改变结果时才询问。标准平台主图优先建议纯白背景;生活场景请求优先建议匹配产品品类的场景。

简报围绕以下内容展开:

  • 产品本身——它是什么、品类,以及关键外观细节(标签文字、品牌标识、形状、颜色);
  • 一个目标平台或用途(亚马逊、淘宝、Shopify、社交媒体、广告投放),当它决定格式指引时;
  • 一个背景或场景方向(纯白底、影棚渐变、生活场景、季节主题);
  • 有序视觉参考(风格灵感、背景参考、角度参考),产品照片始终在第一位。

用户已经说明目标平台或背景类型时直接复用。确实缺少这项决定时,给出最合适的默认建议,并把它合并进一次付费调用确认。

准备调用

所有远程 MCP 操作只能使用本 Skill 随包 scripts/mcp_client.py。工具名称作为 CLI 参数,工具参数以 JSON 通过标准输入传入。不要配置或调用宿主 Beatra Connector,也不要使用 REST/OpenAPI 作为回退。精确命令和排错参见随包 MCP Client 连接诊断(references/mcp-connection.md)。

  • 先通过随包客户端辅助命令上传产品照片,再调用 beatra.images.transform,把上传的 artifact 作为第一个有序参考。在 prompt 中显式标注产品图的角色,让模型以源图和已确认的商品细节为视觉依据。
  • 纯净背景时,设置正方形或平台要求的画布比例。
  • 生活场景时,在 prompt 中描述场景、光照方向和表面材质,同时列出应延续到结果中的商品外观特征。
  • 精修选定草稿时,调用 beatra.images.edit。局部修改最多使用两个归一化 edit_regions,指定 image_index=0;全图调整则省略区域。

上传只让远程工具取得文件字节,本身不等于图片检查。只复查宿主确实能够看到的视觉事实。

除非用户明确选择其他设置,否则保持 model=auto 和 count=1。只有模型、可用性、兼容性或价格确实影响决定时才调用 beatra.models.list。完整请求结构与示例参见工作流(references/workflow.md)。

确认并只执行一次

策划和简报准备免费。付费图片调用前,展示并固定最终提示词、有序参考图、画布、背景或场景方向、模型、控制项和输出数量。仍然缺失的高影响决定应合并到这一次确认中。

获得确认后,为这一个精确的逻辑请求创建一个稳定且不透明的 client_request_id,并只提交一次。提示词、参考图或顺序、画布、场景方向、模型、数量或控制项任一变化,都是新的付费工作,需要新的确认和新标识符。

跟进、复查与交付

收到 task_id 后,只用 beatra.tasks.get 轮询该任务。如果标识符丢失,使用 beatra.tasks.list 查找候选并用 tasks.get 验证选中项。只有原始响应状态确实未知时,才能用完全相同的参数和同一个 client_request_id 进行幂等恢复。轮询缓慢、更新失败、授权失败或连接失败都不能创建替代性付费任务。

只有在用户主动要求时才使用 beatra.tasks.cancel。取消返回 409 时,继续跟踪原任务。完整恢复合同参见复查与恢复(references/review-and-recovery.md)。

结果可见时,依次对照源图复查产品保真度、背景质量(边缘干净、光照一致、阴影自然)、颜色准确性、画布适配,以及目标平台的当前图片指引。交付 artifact 链接、实际尺寸、任务标识符和 billing.net_charged_credits。最多提供一次聚焦的、未执行的精修建议。生成的素材也可以在 www.beatra.cn 查看和管理。

工具返回积分不足时:把工具返回的原文整段交给用户,链接一个字不改。其余可以译成中文。不要改写成自己的充值说明。引导用户按原文去充值。

用户问还剩多少积分时,调用 beatra.wallet.get。问扣了什么时,调用 beatra.wallet.ledger。两者只读。不要发明账户余额或充值工具。不要把 wallet.get 当成每次付费提交前的必做步骤。

按任务查阅参考文档

  • 在纯净背景、生活场景和精修编辑之间选择,或针对特定平台规划:产品路由(references/product-routing.md)
  • 把需求转化为以源产品为依据的场景规格:场景工艺(references/scene-craft.md)
  • 每条路由的精确请求结构、有序参考标注和 JSON 示例:工作流(references/workflow.md)
  • 遗失任务、轮询缓慢、取消、结果复查或规划精修:复查与恢复(references/review-and-recovery.md)
  • 首次安装或认证过期:安装与认证(references/installation-and-auth.md)
  • 随包 MCP Client 命令与诊断:随包 MCP Client 连接诊断(references/mcp-connection.md)
  • 安装注册:安装注册(references/installation-registration.md)
  • 任务查询、轮询与结果字段:任务与结果(references/tasks-and-results.md)
  • 余额、校验与结构化错误:计费、错误与恢复(references/billing-errors-and-recovery.md)
  • 断开安装连接:卸载与断开(references/uninstall-and-disconnect.md)
  • 更新与安全:更新与安全(references/updates-and-security.md)

安装与账号操作

首次使用和共享操作参见安装与认证(references/installation-and-auth.md)、安装注册(references/installation-registration.md)、任务与结果(references/tasks-and-results.md)、计费、错误与恢复(references/billing-errors-and-recovery.md)以及卸载与断开(references/uninstall-and-disconnect.md)。

更新与安全

本 Skill 会自动更新。内置客户端每天最多一次从 Beatra 官网读取本渠道的版本信息
(中国大陆网络走 www.beatra.cn 与 cdn.beatra.cn)。有新版本时,它下载官方发布包,
逐个文件校验 SHA-256,再替换本 Skill 自己的文件;你放进这个目录的其他文件不会被
改动。替换过程中断时,下次运行会自动恢复到替换前的状态。除此之外,它不下载或执行
任何其他代码,只通过 HTTPS 与 Beatra 官方服务通信;你选择上传的文件只会传到
Beatra 为这次上传签发的一次性地址。

关闭自动更新:python3 scripts/mcp_client.py update --auto off。关闭后,客户端每天
最多提示一次在你安装它的商店里更新的命令。详见更新与安全(references/updates-and-security.md)。

常见问题

5 问
答案由本站依据条目字段整理
电商商品图设计怎么安装?

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

电商商品图设计支持哪些客户端?

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

电商商品图设计权限高吗,安全吗?

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

电商商品图设计收费吗?

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

电商商品图设计用什么许可证?

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

热门专题

按场景挑技能
全部专题 →

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