docs: simplify T-637 prompt template structure
- drop {分类要求}, {差异化要求}, {分类序号}, {分类总数} placeholders
and the 商品ID line from the default template
- rename {套图分类} to {套图名称}, add {补充描述} (populated for
白底图/场景图/卖点图, empty for custom categories)
- remove the now-purposeless 预览第 X 张 stepper; v1 no longer does
per-image differentiation for same-category multiples
- placeholders 17 -> 14, required 12 -> 9; {商品ID}/{主参考图序号}
become optional insertable variables
- sync mockup SVG and README
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
chengma
co-authored by
Claude Fable 5
Claude Fable 5
parent
8f57d6d016
commit
613950c9f3
+1
-1
@@ -15,6 +15,6 @@
|
||||
| [tab6-image-studio-v2.svg](tab6-image-studio-v2.svg) | ⑥ 图片精修（提案·重排）：细图标轨、照片池放大、提示词中心整列、全宽出片盘 |
|
||||
| [tab6-ai-studio-v3.svg](tab6-ai-studio-v3.svg) | ⑥ AI工场（需求定稿·v3）：合并提示词、完整模板 CRUD、异步任务照片池、部分导出与终选排序 |
|
||||
| [tab6-suite-package-v1.svg](tab6-suite-package-v1.svg) | ⑥ 商品套图（T-622 已实现）：从「虾皮圈电商图生成器」商品套餐交互迁移并替换主界面 AI工场入口；单一套图类型，多任务标签，商品原图，平台/国家/语言/比例，AI 帮写，白底/场景/卖点及自定义分类，结果历史、重试、删除撤销与生成进度 |
|
||||
| [tab6-suite-prompt-dialog-T637.svg](tab6-suite-prompt-dialog-T637.svg) | ⑥ 商品套图（T-637 提案）：标题行「AI帮写/取消」紧随 label、最右新增「提示词设置」；提示词设置弹窗——左编辑基础模板（行序对齐调研笔记组装顺序，插入变量菜单、占位符校验、只读规则占位符内联）、右只读实时最终预览（预览分类下拉＋分类内序号步进器）、保存/恢复默认共用原子写盘 |
|
||||
| [tab6-suite-prompt-dialog-T637.svg](tab6-suite-prompt-dialog-T637.svg) | ⑥ 商品套图（T-637 提案）：标题行「AI帮写/取消」紧随 label、最右新增「提示词设置」；提示词设置弹窗——左编辑基础模板（行序对齐调研笔记组装顺序，套图名称+补充描述、插入变量菜单、占位符校验、只读规则占位符内联）、右只读实时最终预览（预览分类下拉）、保存/恢复默认共用原子写盘；第一版不做同类多张序号/差异化 |
|
||||
|
||||
> 仅为线框效果图，最终样式以实现为准。带 `-T584`/`-v2` 等后缀的为**改版提案**，未定稿。界面职责与流程见 [../routes.md](../routes.md)。
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="940" height="620" viewBox="0 0 940 620" font-family="'Segoe UI','Microsoft YaHei',sans-serif">
|
||||
<!-- T-637 商品套图提示词设置弹窗与实时最终预览：标题行新增「提示词设置」入口；弹窗左编辑模板、右只读实时预览，共用同一 renderer；模板行序对齐调研笔记的组装顺序，强制规则为只读占位符内联 -->
|
||||
<!-- T-637 商品套图提示词设置弹窗与实时最终预览：标题行新增「提示词设置」入口；弹窗左编辑模板、右只读实时预览，共用同一 renderer；模板行序对齐调研笔记的组装顺序，强制规则为只读占位符内联；已删除分类要求/差异化/序号总数与商品ID行，套图分类改为套图名称+补充描述 -->
|
||||
<defs>
|
||||
<style>
|
||||
.win{fill:#f4f6f9;stroke:#d3d9e2}.hd{fill:#2b3a55}.title{fill:#fff;font-size:14px;font-weight:600}
|
||||
@@ -48,49 +48,42 @@
|
||||
<text class="sec" x="66" y="171" font-size="12">套图提示词设置</text>
|
||||
<text class="mut" x="866" y="171">✕</text>
|
||||
|
||||
<!-- toolbar: 保存 / 恢复默认 / 预览分类 / 预览序号步进器 -->
|
||||
<!-- toolbar: 保存 / 恢复默认 / 预览分类（无步进器） -->
|
||||
<rect class="btnP" x="66" y="190" width="60" height="24" rx="5"/><text class="btnPT" x="82" y="206">保存</text>
|
||||
<rect class="btn" x="134" y="190" width="76" height="24" rx="5"/><text class="btnT" x="146" y="206">恢复默认</text>
|
||||
<text class="mut" x="222" y="206">恢复默认＝二次确认 → 校验内置模板 → 统一原子写盘</text>
|
||||
<rect class="sel" x="556" y="190" width="132" height="24" rx="5"/><text class="selT" x="566" y="206">预览分类：场景图 ▼</text>
|
||||
<text class="selT" x="700" y="206">预览第</text>
|
||||
<rect class="btn" x="740" y="190" width="22" height="24" rx="5"/><text class="btnT" x="747" y="206">◀</text>
|
||||
<text class="selT" x="770" y="206">2 / 2 张</text>
|
||||
<rect class="btn" x="824" y="190" width="22" height="24" rx="5"/><text class="btnT" x="831" y="206">▶</text>
|
||||
<rect class="sel" x="716" y="190" width="160" height="24" rx="5"/><text class="selT" x="726" y="206">预览分类：白底图 ▼</text>
|
||||
|
||||
<!-- left: 基础模板编辑区（行序对齐调研笔记组装顺序） -->
|
||||
<text class="sec" x="66" y="240" font-size="12">基础模板（可编辑）</text>
|
||||
<rect class="btn" x="372" y="224" width="90" height="22" rx="5"/><text class="btnT" x="382" y="239">插入变量 ▾</text>
|
||||
<rect class="ta" x="66" y="250" width="396" height="244" rx="6"/>
|
||||
<text class="tpl" x="76" y="270" fill="#2f6fed">{分类要求}</text>
|
||||
<text class="tpl" x="76" y="287">套图分类：<tspan class="ph">{套图分类}</tspan>；本分类第 <tspan class="ph">{分类序号}</tspan>/<tspan class="ph">{分类总数}</tspan> 张。</text>
|
||||
<text class="tpl" x="76" y="304" fill="#2f6fed">{差异化要求}</text>
|
||||
<text class="tpl" x="76" y="321">平台：<tspan class="ph">{平台}</tspan>；国家地区：<tspan class="ph">{国家地区}</tspan>；输出语言：<tspan class="ph">{输出语言}</tspan>。</text>
|
||||
<text class="tpl" x="76" y="338" fill="#b07d1f">{尺寸与长图规则}</text>
|
||||
<text class="tpl" x="76" y="355" fill="#b07d1f">{禁用内容规则}</text>
|
||||
<text class="tpl" x="76" y="372" fill="#b07d1f">{价格信息规则}</text>
|
||||
<text class="tpl" x="76" y="389" fill="#b07d1f">{尺码信息规则}</text>
|
||||
<text class="tpl" x="76" y="406" fill="#b07d1f">{参考图规则}</text>
|
||||
<text class="tpl" x="76" y="423">商品ID：<tspan class="ph">{商品ID}</tspan></text>
|
||||
<text class="tpl" x="76" y="440">商品卖点与要求：</text>
|
||||
<text class="tpl" x="76" y="457" fill="#2f6fed">{商品卖点与要求}</text>
|
||||
<text class="tpl" x="76" y="474">本次生成比例：<tspan class="ph">{图片比例}</tspan>。请严格按此比例输出，不能改成其他长宽比。</text>
|
||||
<text class="ok" x="66" y="512">✓ 校验通过：12 个必需变量齐全 · 无未知变量</text>
|
||||
<text class="tpl" x="76" y="272">套图名称：<tspan class="ph">{套图名称}</tspan><tspan class="ph">{补充描述}</tspan></text>
|
||||
<text class="tpl" x="76" y="292">平台：<tspan class="ph">{平台}</tspan>；国家地区：<tspan class="ph">{国家地区}</tspan>；输出语言：<tspan class="ph">{输出语言}</tspan>。</text>
|
||||
<text class="tpl" x="76" y="312" fill="#b07d1f">{尺寸与长图规则}</text>
|
||||
<text class="tpl" x="76" y="332" fill="#b07d1f">{禁用内容规则}</text>
|
||||
<text class="tpl" x="76" y="352" fill="#b07d1f">{价格信息规则}</text>
|
||||
<text class="tpl" x="76" y="372" fill="#b07d1f">{尺码信息规则}</text>
|
||||
<text class="tpl" x="76" y="392" fill="#b07d1f">{参考图规则}</text>
|
||||
<text class="tpl" x="76" y="412">商品卖点与要求：</text>
|
||||
<text class="tpl" x="76" y="432" fill="#2f6fed">{商品卖点与要求}</text>
|
||||
<text class="tpl" x="76" y="452">本次生成比例：<tspan class="ph">{图片比例}</tspan>。请严格按此比例输出，不能改成其他长宽比。</text>
|
||||
<text class="ok" x="66" y="512">✓ 校验通过：9 个必需变量齐全 · 无未知变量</text>
|
||||
<text class="mut" x="66" y="528">蓝＝可编辑变量 · 琥珀＝只读规则（内容代码维护，可移位、不可改删）</text>
|
||||
|
||||
<!-- insert variable menu popup -->
|
||||
<rect x="309" y="251" width="156" height="176" rx="6" fill="#1f2733" opacity="0.10"/>
|
||||
<rect x="306" y="248" width="156" height="176" rx="6" fill="#fff" stroke="#c5ccd6"/>
|
||||
<rect x="307" y="253" width="154" height="18" fill="#eef2fb"/>
|
||||
<text class="selT" x="316" y="266" fill="#2f6fed">{分类要求}</text><text class="mut" x="416" y="266">必需</text>
|
||||
<text class="selT" x="316" y="285" fill="#2f6fed">{套图分类}</text><text class="mut" x="416" y="285">必需</text>
|
||||
<text class="selT" x="316" y="304" fill="#2f6fed">{分类序号}</text><text class="mut" x="416" y="304">必需</text>
|
||||
<text class="selT" x="316" y="323" fill="#2f6fed">{差异化要求}</text><text class="mut" x="416" y="323">必需</text>
|
||||
<text class="selT" x="316" y="266" fill="#2f6fed">{套图名称}</text><text class="mut" x="416" y="266">必需</text>
|
||||
<text class="selT" x="316" y="285" fill="#2f6fed">{补充描述}</text><text class="mut" x="416" y="285">必需</text>
|
||||
<text class="selT" x="316" y="304" fill="#2f6fed">{图片比例}</text><text class="mut" x="416" y="304">必需</text>
|
||||
<text class="selT" x="316" y="323" fill="#2f6fed">{参考图规则}</text><text class="mut" x="416" y="323">必需</text>
|
||||
<text class="selT" x="316" y="342" fill="#b07d1f">{尺寸与长图规则}</text><text class="mut" x="416" y="342">只读</text>
|
||||
<text class="selT" x="316" y="361" fill="#b07d1f">{禁用内容规则}</text><text class="mut" x="416" y="361">只读</text>
|
||||
<text class="selT" x="316" y="380" fill="#b07d1f">{参考图规则}</text><text class="mut" x="416" y="380">必需</text>
|
||||
<text class="selT" x="316" y="399" fill="#2f6fed">{商品卖点与要求}</text><text class="mut" x="416" y="399">必需</text>
|
||||
<text class="mut" x="316" y="418">… 共 17 个变量 · 插入到光标处</text>
|
||||
<text class="selT" x="316" y="380" fill="#2f6fed">{商品卖点与要求}</text><text class="mut" x="416" y="380">必需</text>
|
||||
<text class="selT" x="316" y="399" fill="#8a92a0">{商品ID}</text><text class="mut" x="416" y="399">可选</text>
|
||||
<text class="mut" x="316" y="418">… 共 14 个变量 · 插入到光标处</text>
|
||||
|
||||
<!-- splitter -->
|
||||
<circle cx="470" cy="362" r="1.5" fill="#c5ccd6"/><circle cx="470" cy="370" r="1.5" fill="#c5ccd6"/><circle cx="470" cy="378" r="1.5" fill="#c5ccd6"/>
|
||||
@@ -99,30 +92,27 @@
|
||||
<text class="sec" x="478" y="240" font-size="12">最终提示词预览（只读）</text>
|
||||
<text class="mut" x="740" y="240">实时刷新 · 200ms 防抖</text>
|
||||
<rect class="ta" x="478" y="250" width="398" height="270" rx="6"/>
|
||||
<text class="tpl" x="488" y="268">场景图：在真实使用场景中展示商品效果</text>
|
||||
<text class="tpl" x="488" y="284">套图分类：场景图；本分类第 2/2 张。</text>
|
||||
<text class="tpl" x="488" y="300">本分类第 2 张：与本分类其他图片采用不同构图、角度或场景。</text>
|
||||
<text class="tpl" x="488" y="316">平台：Shopee；国家地区：中国台湾；输出语言：繁体中文。</text>
|
||||
<rect x="484" y="326" width="386" height="104" rx="4" fill="#fdf6e7" stroke="#e6cf9a"/>
|
||||
<text x="820" y="340" font-size="10" fill="#8a6d1f">🔒 只读</text>
|
||||
<text class="tpl" x="492" y="342" fill="#6d5a23">最终输出严格符合所选比例的单张完整构图电商图，</text>
|
||||
<text class="tpl" x="492" y="357" fill="#6d5a23">禁止海报长图、详情页长图和多宫格拼接版面。</text>
|
||||
<text class="tpl" x="492" y="372" fill="#6d5a23">禁止出现国旗、国徽、地图轮廓及政治符号。</text>
|
||||
<text class="tpl" x="492" y="387" fill="#6d5a23">未提供价格时，禁止添加价格、币别、折扣或促销金额。</text>
|
||||
<text class="tpl" x="492" y="402" fill="#6d5a23">未提供尺码时，禁止编造尺码、尺寸或规格信息。</text>
|
||||
<text class="tpl" x="492" y="417" fill="#6d5a23">当前图片（第 1 张上传图）为本任务唯一主参考图；保持</text>
|
||||
<text class="tpl" x="492" y="429" fill="#6d5a23" font-size="10">商品主体、款式、颜色和细节准确，不编造未提供的信息。</text>
|
||||
<text class="tpl" x="488" y="448">商品ID：51100639510</text>
|
||||
<text class="tpl" x="488" y="464">商品卖点与要求：</text>
|
||||
<text class="tpl" x="488" y="480">韩版加绒卫衣，显瘦保暖，通勤日常皆宜。</text>
|
||||
<text class="tpl" x="488" y="496">本次生成比例：1:1。请严格按此比例输出，不能改成其他长宽比。</text>
|
||||
<text class="mut" x="478" y="536">与新建 job 落库的最终 prompt 完全一致 · 预览不产生 cmhub 请求/点数</text>
|
||||
<text class="tpl" x="488" y="272">套图名称：白底图，白底主图，多角度呈现商品细节</text>
|
||||
<text class="tpl" x="488" y="290">平台：Shopee；国家地区：中国台湾；输出语言：繁体中文。</text>
|
||||
<rect x="484" y="300" width="386" height="116" rx="4" fill="#fdf6e7" stroke="#e6cf9a"/>
|
||||
<text x="820" y="314" font-size="10" fill="#8a6d1f">🔒 只读</text>
|
||||
<text class="tpl" x="492" y="317" fill="#6d5a23">最终输出严格符合所选比例的单张完整构图电商图，</text>
|
||||
<text class="tpl" x="492" y="332" fill="#6d5a23">禁止海报长图、详情页长图和多宫格拼接版面。</text>
|
||||
<text class="tpl" x="492" y="347" fill="#6d5a23">禁止出现国旗、国徽、地图轮廓及政治符号。</text>
|
||||
<text class="tpl" x="492" y="362" fill="#6d5a23">未提供价格时，禁止添加价格、币别、折扣或促销金额。</text>
|
||||
<text class="tpl" x="492" y="377" fill="#6d5a23">未提供尺码时，禁止编造尺码、尺寸或规格信息。</text>
|
||||
<text class="tpl" x="492" y="392" fill="#6d5a23">当前图片（第 1 张上传图）为本任务唯一主参考图；保持</text>
|
||||
<text class="tpl" x="492" y="405" fill="#6d5a23" font-size="10">商品主体、款式、颜色和细节准确，不编造未提供的信息。</text>
|
||||
<text class="tpl" x="488" y="434">商品卖点与要求：</text>
|
||||
<text class="tpl" x="488" y="452">韩版加绒卫衣，显瘦保暖，通勤日常皆宜。</text>
|
||||
<text class="tpl" x="488" y="470">本次生成比例：1:1。请严格按此比例输出，不能改成其他长宽比。</text>
|
||||
<text class="mut" x="478" y="500">与新建 job 落库的最终 prompt 完全一致 · 预览不产生 cmhub 请求/点数</text>
|
||||
|
||||
<!-- dialog footer -->
|
||||
<line x1="66" y1="550" x2="874" y2="550" stroke="#eef0f5"/>
|
||||
<text class="mut" x="66" y="572">关闭含未保存修改 → 「保存 / 不保存 / 取消」三选项 · 任何失败不损坏原模板</text>
|
||||
<text class="mut" x="586" y="572">默认预览白底图；本图已切至场景图第 2 张核对差异化</text>
|
||||
<text class="mut" x="586" y="572">默认预览白底图；自定义分类补充描述为空，仅套图名称带出名称</text>
|
||||
|
||||
<!-- footnote -->
|
||||
<text class="mut" x="50" y="612">模板行序对齐《虾皮圈电商图生成器提示词组装分析》组装顺序；规则占位符只读内联；分类数量 0/1 时步进器禁用并显示 1/1</text>
|
||||
<text class="mut" x="50" y="612">模板行序对齐《虾皮圈电商图生成器提示词组装分析》组装顺序；规则占位符只读内联；已删序号/差异化，同类多张依赖模型随机性区分</text>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 11 KiB After Width: | Height: | Size: 10 KiB |
Reference in New Issue
Block a user