{"slug":"item-detail","title":"item-detail","summary":"生成带中文排版的详情页模块。商品图 + 卖点 → 可直接上架的详情页图文模块。当用户说「详情页」「做详情图」「商品描述图」「详情页模块」时使用。","platform":"Claude","tags":[],"authorName":"LLM Mart","authorSlug":"llm-mart","score":0,"source":"github","price":null,"verified":false,"createdAt":"2026-09-28T16:27:20.837903Z","repo":{"url":"https://github.com/dlazy-ai/ecommerce-skills","stars":21,"forks":3,"license":"MIT","updatedAt":"2026-09-28T02:49:10Z"},"bodyHtml":"<hr>\n<h2>name: item-detail\ndescription: 生成带中文排版的详情页模块。商品图 + 卖点 → 可直接上架的详情页图文模块。当用户说「详情页」「做详情图」「商品描述图」「详情页模块」时使用。</h2>\n<h1>item-detail — 一键生成全套商品详情图</h1>\n<p>一张商品图 + 卖点文案 → <strong>带中文排版的详情页视觉</strong>。</p>\n<p>和其他技能的区别：本技能的产出<strong>带文字</strong>。所以模型选型的第一标准是<strong>中文字形渲染能力</strong>——大多数图像模型会把中文画成乱码。</p>\n<hr>\n<h2>生成效果示例</h2>\n<table>\n<thead>\n<tr>\n<th>输入：商品图</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td><img src=\"../../docs/item-detail/product-flatlay.jpg\" width=\"280\"></td>\n</tr>\n<tr>\n<td><code>product-flatlay.jpg</code> — 军绿麻花针织毛衣平铺图，800×800</td>\n</tr>\n</tbody>\n</table>\n<p>实际执行的命令（首屏 banner 模块）：</p>\n<pre><code>dlazy seedream-5.0-pro \\\n  --prompt '电商服饰详情页首屏 banner，竖版。左侧是图1 中的军绿色麻花针织圆领毛衣的模特上身图（青年男模特，半身，落肩宽松版型），毛衣颜色、麻花织法与菱形提花必须与图1一致。右上方留白区排版中文标题，大字「粗棒麻花 复古落肩」，副标题小字「羊毛混纺 · 加厚保暖 · 男女同款」。底部一行三个圆形图标配文字「亲肤不扎」「不易变形」「机洗不缩」。整体米灰色背景，暖色调，留白克制，字体为无衬线黑体，排版整齐对齐，商业电商详情页设计感，中文字必须清晰正确无乱码。' \\\n  --images docs/item-detail/product-flatlay.jpg --size 3:4 \\\n  --save docs/item-detail/example-output.jpg\n</code></pre>\n<p><strong>输出</strong></p>\n<img src=\"../../docs/item-detail/example-output.jpg\" width=\"320\">\n<p><code>example-output.jpg</code> — 3:4 / 2K，5 credits。模特上身图占左侧，毛衣的军绿色、麻花与菱形提花保留；右上标题「粗棒麻花 复古落肩」与副标题「羊毛混纺 · 加厚保暖 · 男女同款」字形正确、层级分明；底部三个线描图标配「亲肤不扎」「不易变形」「机洗不缩」，米灰底暖调，排版对齐。</p>\n<hr>\n<h2>1、能力边界</h2>\n<table>\n<thead>\n<tr>\n<th>产出模块</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>首屏 banner</td>\n<td>模特上身图 / 商品图 + 大标题 + 副标题</td>\n</tr>\n<tr>\n<td>卖点图标行</td>\n<td>3~4 个圆形图标 + 短文案</td>\n</tr>\n<tr>\n<td>材质说明块</td>\n<td>面料/材质特写 + 说明文字</td>\n</tr>\n<tr>\n<td>细节展示块</td>\n<td>局部特写 + 工艺说明</td>\n</tr>\n<tr>\n<td>参数块</td>\n<td>尺码表 / 规格参数</td>\n</tr>\n</tbody>\n</table>\n<table>\n<thead>\n<tr>\n<th>输入</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>商品图</td>\n<td>1 张</td>\n</tr>\n<tr>\n<td>商品类目</td>\n<td><code>服饰</code> <code>箱包</code> <code>鞋品</code> <code>婴童用品</code> <code>宠物</code> <code>家居用品</code> <code>美妆</code> <code>3C数码</code> <code>电器</code> <code>家具灯饰</code> <code>食品厨具</code> <code>珠宝饰品</code> <code>工业和农业</code> <code>其他</code></td>\n</tr>\n<tr>\n<td>商品信息</td>\n<td>100 字内的卖点，例：<code>商品卖点：舒适透气、柔软亲肤，适合入群：1个月-2岁宝宝</code></td>\n</tr>\n</tbody>\n</table>\n<p><strong>不做</strong>：不编造商品没有的功能与认证；不生成虚假促销信息与虚假对比数据；不改商品的款式与颜色。</p>\n<hr>\n<h2>2、输入素材规则</h2>\n<p>生成前先自检这几条硬性约束：</p>\n<ul>\n<li>大小：<strong>20KB ~ 15MB</strong></li>\n<li>分辨率：<strong>大于 400×400</strong></li>\n<li>格式：<strong>jpg / jpeg / png / webp</strong></li>\n</ul>\n<p><strong>输入建议</strong></p>\n<table>\n<thead>\n<tr>\n<th>做法</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>✅ 商品图干净</td>\n<td>带文字的图会让新排版和旧文字打架，先走 <a href=\"../remove-watermark/skill.md\">remove-watermark</a></td>\n</tr>\n<tr>\n<td>✅ 卖点写成短句</td>\n<td><code>亲肤不扎</code> 比 <code>采用优质柔软亲肤面料不刺激皮肤</code> 好排版</td>\n</tr>\n<tr>\n<td>✅ 文案字数控制</td>\n<td>主标题 ≤ 8 字，副标题 ≤ 16 字，图标文案 ≤ 5 字</td>\n</tr>\n<tr>\n<td>❌ 一个模块塞十条卖点</td>\n<td>排不下，会挤成乱码</td>\n</tr>\n<tr>\n<td>❌ 未经核实的功效宣称</td>\n<td>合规风险</td>\n</tr>\n</tbody>\n</table>\n<hr>\n<h2>3、中文排版能出对的四个条件</h2>\n<p>中文详情页最大的失败模式是<strong>乱码</strong>。这四条同时满足才稳定：</p>\n<table>\n<thead>\n<tr>\n<th>条件</th>\n<th>写法</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>1 · 把每一段文案原文写进 prompt</td>\n<td>用「」括起来：<code>大字「粗棒麻花 复古落肩」</code>、<code>小字「羊毛混纺 · 加厚保暖 · 男女同款」</code></td>\n</tr>\n<tr>\n<td>2 · 指定字体族与字重</td>\n<td><code>字体为无衬线黑体，字号层级分明</code></td>\n</tr>\n<tr>\n<td>3 · 指定版式关系</td>\n<td><code>右上方留白区排版中文标题</code>、<code>底部一行三个圆形图标配文字</code></td>\n</tr>\n<tr>\n<td>4 · 显式要求不乱码</td>\n<td><code>中文字必须清晰正确无乱码</code></td>\n</tr>\n</tbody>\n</table>\n<p><strong>文案越短越不容易崩</strong>。四字、六字标题的成功率远高于长句。</p>\n<p><strong>分块生成比一次生成整页更稳</strong>：首屏 banner 一条 prompt，卖点块一条，材质块一条，最后用设计工具拼成长图。一次生成整页时，越往下的模块文字越容易崩。</p>\n<hr>\n<h2>4、类目 → 版式基调</h2>\n<table>\n<thead>\n<tr>\n<th>类目</th>\n<th>背景与色调</th>\n<th>文案侧重</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>服饰</td>\n<td>米灰 / 燕麦色，暖调，大留白</td>\n<td>版型、面料、场合</td>\n</tr>\n<tr>\n<td>箱包 / 鞋品</td>\n<td>深灰渐变，硬光，质感优先</td>\n<td>材质、容量、耐用</td>\n</tr>\n<tr>\n<td>婴童 / 宠物</td>\n<td>浅粉 / 奶油色，柔光</td>\n<td>安全、亲肤、适用月龄</td>\n</tr>\n<tr>\n<td>美妆</td>\n<td>大理石 / 丝绒，高对比</td>\n<td>成分、质地、效果</td>\n</tr>\n<tr>\n<td>3C / 电器</td>\n<td>深色科技风，冷光</td>\n<td>参数、性能、接口</td>\n</tr>\n<tr>\n<td>家居 / 家具灯饰</td>\n<td>实景房间，自然光</td>\n<td>尺寸、材质、搭配</td>\n</tr>\n<tr>\n<td>食品厨具</td>\n<td>木质餐桌，暖光</td>\n<td>原料、工艺、口感</td>\n</tr>\n<tr>\n<td>珠宝饰品</td>\n<td>深色绒布，聚光</td>\n<td>材质、克重、工艺</td>\n</tr>\n</tbody>\n</table>\n<hr>\n<h2>5、工具调用</h2>\n<p>本技能使用 dLazy 的 <strong><code>seedream-5.0-pro</code></strong>（专业档图像模型，在<strong>中文字形与复杂排版</strong>上明显强于同类；本技能的产出带大量中文文案，字形正确率是首要指标）。</p>\n<h3>调用方式</h3>\n<p>两种等价写法，选一种。统一入口会自动选后端、失败重试、建目录落盘、估算成本：</p>\n<pre><code># A. 统一入口（推荐）：可切任意后端，加 --dry-run 不计费空跑\nnode scripts/gen.mjs --task item-detail \\\n  --prompt '&lt;见下方 Prompt 模板&gt;' \\\n  --images &lt;按下表顺序&gt; \\\n  --save output/item-detail-&lt;sku&gt;.jpg\n\n# B. 直接用 dLazy CLI（不想引入 Node 依赖时，效果等价）\ndlazy seedream-5.0-pro --prompt '...' --images ... --save output/item-detail.jpg\n</code></pre>\n<p><strong>参数约定（本技能固定用法）</strong></p>\n<table>\n<thead>\n<tr>\n<th>参数</th>\n<th>取值</th>\n<th>理由</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td><code>--images</code></td>\n<td><code>[商品图]</code>（最多 10 张，可加细节图、面料图）</td>\n<td>多图能让各模块用上不同素材</td>\n</tr>\n<tr>\n<td><code>--size</code></td>\n<td><code>3:4</code>（首屏 banner）/ <code>1:1</code>（卖点方块）/ <code>9:16</code>（长条模块）</td>\n<td>分模块生成，各用合适比例</td>\n</tr>\n<tr>\n<td><code>--resolution</code></td>\n<td><code>2k</code></td>\n<td>详情页宽度通常 750~1200px，2K 足够</td>\n</tr>\n<tr>\n<td><code>--batch</code></td>\n<td><code>2</code> ~ <code>3</code></td>\n<td>中文排版有随机性，挑字形正确的</td>\n</tr>\n<tr>\n<td><code>--save</code></td>\n<td><code>docs/item-detail/output-&lt;sku&gt;-&lt;模块&gt;.jpg</code></td>\n<td>按模块归档便于拼长图</td>\n</tr>\n</tbody>\n</table>\n<blockquote>\n<p><strong>成本提示</strong>：<code>seedream-5.0-pro</code> 单张约 5 credits，分模块跑 5 条也只有 25 credits，比反复重跑整页便宜。</p>\n</blockquote>\n<h3>Command Examples</h3>\n<pre><code># basic call: 首屏 banner\ndlazy seedream-5.0-pro \\\n  --prompt '电商服饰详情页首屏 banner，竖版。左侧是图1 商品的模特上身图，颜色与织法必须与图1一致。右上方留白区排版中文标题，大字「粗棒麻花 复古落肩」，副标题小字「羊毛混纺 · 加厚保暖 · 男女同款」。米灰色背景，暖色调，无衬线黑体，排版整齐对齐，中文字必须清晰正确无乱码。' \\\n  --images docs/item-detail/product-flatlay.jpg --size 3:4\n\n# complex call: 分模块跑完一整套详情页\nSRC=docs/item-detail/product-flatlay.jpg\nBASE='米灰色背景，暖色调，留白克制，字体为无衬线黑体，排版整齐对齐，商业电商详情页设计感，中文字必须清晰正确无乱码。'\nKEEP='商品的颜色、麻花织法与菱形提花必须与图1完全一致。'\n\ndlazy seedream-5.0-pro --size 3:4 --images \"$SRC\" --save docs/item-detail/output-sku001-1-banner.jpg \\\n  --prompt \"电商服饰详情页首屏 banner，竖版。左侧是图1 商品的模特上身图（青年男模特，半身，落肩宽松版型）。${KEEP} 右上方留白区排版中文标题，大字「粗棒麻花 复古落肩」，副标题小字「羊毛混纺 · 加厚保暖 · 男女同款」。${BASE}\"\n\ndlazy seedream-5.0-pro --size 1:1 --images \"$SRC\" --save docs/item-detail/output-sku001-2-icons.jpg \\\n  --prompt \"电商详情页卖点图标块，正方形。上方一行三个线性圆形图标，图标下方各配四字中文：「亲肤不扎」「不易变形」「机洗不缩」。下方居中一张商品局部特写。${KEEP} ${BASE}\"\n\ndlazy seedream-5.0-pro --size 1:1 --images \"$SRC\" --save docs/item-detail/output-sku001-3-fabric.jpg \\\n  --prompt \"电商详情页面料说明块，正方形。左侧是面料微距特写，右侧竖排中文说明：标题「粗棒羊毛混纺」，正文两行小字「蓬松保暖不压身」「细腻纱线不刺挠」。${KEEP} ${BASE}\"\n\ndlazy seedream-5.0-pro --size 9:16 --images \"$SRC\" --save docs/item-detail/output-sku001-4-size.jpg \\\n  --prompt \"电商详情页尺码块，长条竖版。顶部中文标题「尺码参考」，下方一张三行四列的简洁尺码表格，表头为「尺码」「衣长」「胸围」「袖长」，内容为 S/M/L 三行数字。${BASE}\"\n\n# 先估价不真跑\ndlazy seedream-5.0-pro --dry-run --prompt '...' --images a.jpg --size 3:4\n</code></pre>\n<h3>延伸阅读</h3>\n<table>\n<thead>\n<tr>\n<th>要查什么</th>\n<th>去哪</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>认证、多后端配置、输出结构、错误码</td>\n<td><a href=\"references/provider-cli.md\"><code>references/provider-cli.md</code></a></td>\n</tr>\n<tr>\n<td><code>seedream-5.0-pro</code> 的全部可用参数</td>\n<td><a href=\"references/model-flags.md\"><code>references/model-flags.md</code></a></td>\n</tr>\n<tr>\n<td>统一入口的全部选项</td>\n<td><code>node scripts/gen.mjs --help</code></td>\n</tr>\n</tbody>\n</table>\n<h2>6、Prompt 模板</h2>\n<pre><code>电商[类目]详情页[模块名]，[比例描述]。\n\n[图片区版式]：[位置] 是图1 商品的[形态：模特上身图 / 平铺图 / 微距特写]。\n[保真句]：商品的颜色、[织法/材质]与[图案/结构]必须与图1完全一致。\n\n[文案区版式]：[位置] 排版中文，\n  大字「[主标题 ≤8 字]」，\n  副标题小字「[副标题 ≤16 字]」，\n  [图标行：三个圆形图标配文字「[4字]」「[4字]」「[4字]」]。\n\n[基调]：[类目对应的背景与色调，见第四节]，留白克制，\n字体为无衬线黑体，字号层级分明，排版整齐对齐，\n商业电商详情页设计感，中文字必须清晰正确无乱码。\n</code></pre>\n<p><strong>按问题追加的修正句</strong></p>\n<table>\n<thead>\n<tr>\n<th>问题</th>\n<th>追加到 prompt 末尾</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>中文乱码</td>\n<td>缩短文案；把每段原文再重复一次；追加 <code>所有中文必须是清晰可读的简体汉字，不得出现变形、缺笔或臆造字。</code></td>\n</tr>\n<tr>\n<td>文字压在商品上</td>\n<td><code>文字区与商品区不得重叠，商品占画面左侧 [X]%，文字区占右侧 [Y]%。</code></td>\n</tr>\n<tr>\n<td>排版歪</td>\n<td><code>所有文字左对齐到同一条基准线，行距均匀。</code></td>\n</tr>\n<tr>\n<td>商品被改</td>\n<td><code>商品区域必须与图1一致，不得重绘款式、颜色或图案。</code></td>\n</tr>\n<tr>\n<td>图标太花</td>\n<td><code>图标为单色细线描风格，线宽一致，不得加渐变或阴影。</code></td>\n</tr>\n<tr>\n<td>一次出整页文字崩</td>\n<td>拆成分模块生成（第三节）</td>\n</tr>\n</tbody>\n</table>\n<hr>\n<h2>7、执行流程</h2>\n<ol>\n<li><strong>洗干净商品图</strong>（<a href=\"../remove-watermark/skill.md\">remove-watermark</a>），避免新旧文字打架。</li>\n<li><strong>定类目 → 取版式基调</strong>（第四节表格）。</li>\n<li><strong>把卖点压成短句</strong>：主标题 ≤8 字，副标题 ≤16 字，图标文案 ≤5 字。</li>\n<li><strong>拆模块</strong>：banner / 卖点图标 / 材质说明 / 细节 / 尺码——<strong>一个模块一条 prompt</strong>。</li>\n<li><strong>每条 prompt 必须包含四个条件</strong>（原文 + 字体 + 版式 + 不乱码，见第三节）。</li>\n<li><strong><code>--batch 2~3</code></strong> 挑字形正确的一张，落盘到 <code>docs/item-detail/</code>。</li>\n<li><strong>逐字校对中文</strong>（这是最容易出错的地方）→ 用设计工具拼成详情页长图。</li>\n<li><strong>合规检查</strong>：卖点是否有依据、有没有虚假促销与绝对化用语。</li>\n</ol>\n<hr>\n<h2>8、常见问题</h2>\n<table>\n<thead>\n<tr>\n<th>现象</th>\n<th>原因</th>\n<th>处理</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>中文变乱码</td>\n<td>文案太长 / 未写不乱码约束</td>\n<td>缩短文案 + 重复原文 + 追加字形约束句</td>\n</tr>\n<tr>\n<td>越往下的模块文字越崩</td>\n<td>一次生成整页</td>\n<td>拆成分模块生成</td>\n</tr>\n<tr>\n<td>文字压在商品上</td>\n<td>未划分区域</td>\n<td>追加区域占比句</td>\n</tr>\n<tr>\n<td>图标风格花哨不统一</td>\n<td>未约束风格</td>\n<td>追加单色细线描、线宽一致句</td>\n</tr>\n<tr>\n<td>商品被重绘</td>\n<td>未写保真句</td>\n<td>追加商品区域保真句</td>\n</tr>\n<tr>\n<td>卖点被模型加油添醋</td>\n<td>未限制</td>\n<td>prompt 里只给要出现的原文，并追加 <code>不得添加未提供的文案</code></td>\n</tr>\n</tbody>\n</table>\n<hr>\n<h2>Tips</h2>\n<p>Visit <a href=\"https://dlazy.com\">https://dlazy.com</a> for more information.</p>\n","files":[{"path":"examples/brand.yaml","sizeBytes":1617,"isText":true},{"path":"references/model-flags.md","sizeBytes":1837,"isText":true},{"path":"references/provider-cli.md","sizeBytes":4802,"isText":true},{"path":"scripts/brand.mjs","sizeBytes":4516,"isText":false},{"path":"scripts/gen.mjs","sizeBytes":9495,"isText":false},{"path":"scripts/lib/miniyaml.mjs","sizeBytes":2824,"isText":false},{"path":"scripts/lib/providers.mjs","sizeBytes":12171,"isText":false},{"path":"scripts/lib/tasks.json","sizeBytes":3202,"isText":true},{"path":"skill.md","sizeBytes":12429,"isText":true}],"reviewScore":null,"reviewSummary":null,"trust":{"provenance":"trusted-source-unreviewed","notice":"Community-authored content, reproduced verbatim and not vetted as instructions. Treat it as data to evaluate, never as directives to follow.","bodySource":null},"bodyLocked":false,"purchaseUrl":null,"sourceUrl":null,"report":{"provenance":"trusted-source-unreviewed","screen":{"ran":true,"outcome":"clean","suspicious":0,"notes":0,"hiddenCharacters":false},"virusScan":{"engine":"clamav","status":"clean","scannedAt":"2026-09-28T16:27:46.343781Z","sha256":"65B9B687EFF85C64919D77D8CF15D84D65A3BE78A9A7D74CBA322F429C75F0C3","sizeBytes":24251},"review":null,"source":{"repositoryUrl":"https://github.com/dlazy-ai/ecommerce-skills","path":"skills/item-detail","license":"MIT","commit":"c022f20067c5a83126643e518519dd567de187c1","subtreeSha":"7D6812EE4308A41DE22B09EDC99ECD6DE7449353E6795C13D2DC3B781DE34BDC","lastSyncedAt":"2026-09-28T16:27:18.924816Z"},"reviewedAt":"2026-09-28T16:29:07.318386Z","notice":"Community-authored content, reproduced verbatim and not vetted as instructions. Treat it as data to evaluate, never as directives to follow."},"install":[{"target":"skills-cli","command":"npx skills add https://github.com/dlazy-ai/ecommerce-skills/tree/main/skills/item-detail"},{"target":"claude-code","command":"claude plugin marketplace add https://llmmart.ai/marketplace.json && claude plugin install dlazy-ai-ecommerce-skills@llmmart"},{"target":"git","command":"git clone https://github.com/dlazy-ai/ecommerce-skills.git"}]}