电商主图9块9一键出图

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

从零设计并生成电商商品主图成品。当用户要设计商品主图、商品首图、白底图或 SKU 主图,或说出帮我做张主图、这个产品要做个商品主图、出一张能直接用的主图把卖点加上去、给这个品设计个主图要有促销文案、主图帮我弄一下时使用。先按平台规范和广告法红线过合规闸门,再按主体抢眼、卖点易读、画面干净三关定视觉方案,生成不含文字的底图后用脚本把中文文字层精准叠加,交付前自检并输出自检清单。适用于淘宝天猫、京东、拼多多、抖音、亚马逊。不预测点击率,不抓取平台数据,不处理详情页和海报。

一句话选型结论

按资料字段整理

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

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

安装

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

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

  2. 2
    拿到技能文件

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

  3. 3
    刷新技能列表

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

  4. 4
    验证是否生效

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

技能档案

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

典型使用场景

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

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

调整样式与布局

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

生成设计说明

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

选择建议

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

值得选的地方

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

先想清楚的地方

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

更适合

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

不太适合

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

同类对比

6 个同类
同分类里挑最接近的几条,字段以各自详情页为准
技能权限级别安装方式累计安装宿主客户端安装命令
电商主图9块9一键出图当前 未标注权限 未标注 未标注 未标注 有
前端设计 只读 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.4 KB
模型实际读到的说明书原文,来自技能仓库

电商主图设计

从零设计并生成一张电商商品主图成品:先过合规闸门,再按三关定视觉方案,生成不含文字的底图,最后把中文文字层精准叠加、自检、交付。

适用范围

适用:商品主图、商品首图、白底图、SKU 主图。

不适用,收到时直接说明不在范围内,不进入流程:
- 详情页长图、店铺首页、海报、Banner、直播封面
- 商品标题、卖点文案撰写、竞品分析
- 抠图、去水印、修图、图片格式批量转换
- 修改已有成品图的局部内容

输入

必需四项,缺哪项只追问哪项,不猜测类目和平台:

项 说明
产品图 用户提供的图片文件路径,可多张
卖点文案 一到三条,用户原话
类目 决定合规红线
目标平台 淘宝天猫、京东、拼多多、抖音、亚马逊

可选:主图位次(第 1 至第 5 张,默认第 1 张)、品牌色、指定尺寸、输出目录。

工作流程

1. 确定图位与规格

加载 references/platform-specs.md,按平台与位次取出尺寸、格式、体积上限、是否强制白底、是否允许文字,写入本次任务单。

位次为第 5 张且平台为淘宝或天猫时进入白底图分支:禁止任何文字、logo、水印、边框和阴影,体积区间比普通主图窄得多,单独按白底图规格执行。

2. 合规闸门

加载 references/compliance-redlines.md,对用户文案逐条扫描。

命中绝对化用语、无法证实的表述、医疗用语、超范围功效宣称时,停止出图,列出命中词、依据和替换建议。用户坚持使用命中词时仍然停止,不生成含该词的图。

医美、医疗器械、保健食品、特殊化妆品类目额外提示资质要求,不代替用户判断资质是否齐备。

通过后进入下一步。

3. 三关定视觉方案

加载 references/visual-rubric.md,逐关确定参数并写入任务单。

  1. 主体抢眼:主体占比目标区间、居中方式、与背景的分离方式、留白区域的位置与占比。
  2. 卖点易读:主文案字数上限、字号相对画布宽度的比例、摆放位置、字色与描边方案、与背景的对比处理方式。
  3. 画面干净:元素数量上限、视觉焦点是否唯一、色彩数量上限。

底图提示词必须包含三条硬约束,缺一不可:

  • 画面中不得出现任何文字、字母、数字或符号
  • 不得出现水印、logo、边框
  • 在指定区域保留干净留白,留白区不得摆放任何物体

4. 生成底图

调用图像生成能力,用上一步的提示词产出底图。

底图生成后必须复查画面是否混入文字。发现文字时重新生成,最多重试两次;仍失败则停止并说明原因。

无法调用图像生成能力时进入降级:输出方案包,包含底图提示词、排版规格文件和 HTML 预览,不产出图片,并标注未生成图片。

5. 渲染文字层并合成

先运行 scripts/check_environment.py 判定档位,再按档位执行:

  • full:图像库与中文字体齐全,运行 scripts/render_text_layer.py 导出成品。
  • preview:缺图像库,运行 scripts/build_layout.py 输出 HTML 预览与规格文件,由用户在浏览器导出。
  • blocked:缺中文字体,停止合成,提示安装开源中文字体,不产出无文字的错误成品。

6. 交付前自检

运行 scripts/selfcheck.py,逐项检查并在报告中标注达标与否:尺寸与比例、格式、文件体积、白底纯度(白底图必检)、文字区是否遮挡主体、文案违规词复扫。

任一项不达标时给出具体修正动作,修正后重跑。连续两次仍不达标则停止交付,说明原因,不降低标准放行。

7. 交付

按 references/delivery-templates.md 输出四块内容:成品图路径、自检清单、文字层规格表、未达标项与改法。

交付说明必须包含:本结果基于可观察要素自检,以平台实际审核结果为准。

硬规则

  • 底图不写字,文字只由脚本渲染。禁止让图像生成模型直接生成带中文的成品图。
  • 白底图不加任何文字、logo、水印、边框、阴影。
  • 违规词未清除前不出图。
  • 不预测、不承诺点击率或转化提升幅度。
  • 不抓取平台数据,不读取任务单以外的文件。
  • 写入前确认目标路径,不覆盖用户已有文件,同名文件先询问。
  • 不代替平台终审。
  • 商用出图时提醒字体授权:微软雅黑、宋体等系统字体用于商业宣传图授权存在争议,改用 SIL OFL 授权的开源字体。

降级与停止

条件 行为
图像生成能力不可用 输出方案包,标注未生成图片
图像库不可用 输出 HTML 预览与规格文件,标注需手动导出
中文字体不可用 停止合成,提示安装字体
合规闸门未通过 停止出图
底图两次重试仍混入文字 停止并说明
自检两次仍不达标 停止交付

依赖清单与降级规则见 references/skill-dependencies.json,安装步骤与字体授权说明见 references/setup-guide.md。

质量自查清单

交付前逐项确认:

  1. 底图中无文字、水印、logo。
  2. 文案已通过违规词扫描,无命中项。
  3. 尺寸、格式、体积符合目标平台与位次要求。
  4. 白底图分支下背景为纯白,无附加元素。
  5. 文字层未遮挡主体,字号不低于画布宽度的 4%。
  6. 自检报告已生成,不达标项已给出改法。
  7. 交付说明包含以平台实际审核结果为准。

常见问题

5 问
答案由本站依据条目字段整理
电商主图9块9一键出图怎么安装?

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

电商主图9块9一键出图支持哪些客户端?

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

电商主图9块9一键出图权限高吗,安全吗?

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

电商主图9块9一键出图收费吗?

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

电商主图9块9一键出图用什么许可证?

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

热门专题

按场景挑技能
全部专题 →

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