Files
cmshoppe/docs/ui/README.md
T
chengmaandClaude Fable 5 9de006808e docs: align T-637 prompt template with source assembly order
- default template line order now follows the researched source
  project's assembly structure (user-accepted): category goal,
  index/differentiation, platform context, inline rules, reference
  rule, item id, user needs, trailing ratio emphasis
- forced protection rules become 4 required read-only placeholders
  (size/long-image, banned content, price, sizing) instead of a
  code-appended tail block; consistency and no-fabrication fold
  into the reference-rule rendering
- placeholders 13 -> 17, required 8 -> 12; update mockup SVG and
  README accordingly

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
2026-07-16 15:31:43 +08:00

2.7 KiB
Raw Blame History

UI 效果图(SVG 线框)

蝦皮圈優化助手桌面应用的界面效果图。SVG 可用浏览器直接打开查看。命名 tabN-<名>.svg,界面改版加后缀(-T584、-v2)。

文件 内容
overview-pipeline.svg 主流水线总览(stage:imported→collected→generated→applied;图中旧⑥AI工场入口已由商品套图替换)
tab1-import-collect.svg ① 导入采集:导入 Excel、任务列表、采集旧标题/旧封面、回写、日志
tab2-ai-generate.svg ② AI生成:提示词、生成、新旧封面对照、重置图片后批量补生成
tab2-ai-generate-T584.svg ② AI生成(T-584 提案):标题提示词加模板控件行、封面控件压一行、插入类按钮下移、标题输入框增高
tab3-update-shopee.svg ③ 更新蝦皮:已生成任务、开始更新确认、执行结果、汇总
tab4-accounts.svg ④ 账号管理:账号列表、启动登录、检测登录、账号编辑弹窗
tab5-settings.svg ⑤ 设置:AI 模型/Key、路径、端口
tab6-image-studio.svg ⑥ 图片精修(提案·初版):商品列表、原主图九宫、照片池、生成控制、终选排序
tab6-image-studio-v2.svg ⑥ 图片精修(提案·重排):细图标轨、照片池放大、提示词中心整列、全宽出片盘
tab6-ai-studio-v3.svg ⑥ AI工场(需求定稿·v3):合并提示词、完整模板 CRUD、异步任务照片池、部分导出与终选排序
tab6-suite-package-v1.svg ⑥ 商品套图(T-622 已实现):从「虾皮圈电商图生成器」商品套餐交互迁移并替换主界面 AI工场入口;单一套图类型,多任务标签,商品原图,平台/国家/语言/比例,AI 帮写,白底/场景/卖点及自定义分类,结果历史、重试、删除撤销与生成进度
tab6-suite-prompt-dialog-T637.svg ⑥ 商品套图(T-637 提案):标题行「AI帮写/取消」紧随 label、最右新增「提示词设置」;提示词设置弹窗——左编辑基础模板(行序对齐调研笔记组装顺序,插入变量菜单、占位符校验、只读规则占位符内联)、右只读实时最终预览(预览分类下拉+分类内序号步进器)、保存/恢复默认共用原子写盘

仅为线框效果图,最终样式以实现为准。带 -T584/-v2 等后缀的为改版提案,未定稿。界面职责与流程见 ../routes.md。