e9939ef9dc
Add GitAtlas deploy assets, DATA_FILE support for isolated server data, and port documentation for sourcing.simosen.cn. Co-authored-by: Cursor <cursoragent@cursor.com>
444 lines
10 KiB
Markdown
444 lines
10 KiB
Markdown
# 直播饰品选品采购系统 UI 提示词体系
|
||
|
||
这套提示词适用于本系统的 UI 设计、前端重构、Figma 设计生成、v0/Claude/Cursor 等 AI 生成界面。系统定位是内部使用的直播饰品选品采购工作台,覆盖电脑端和手机端。
|
||
|
||
## 总设计方向
|
||
|
||
```text
|
||
设计一个内部使用的“直播饰品选品采购工作台”,不是营销官网,不要 landing page。
|
||
|
||
系统用于从淘宝、小红书、1688 采集商品/笔记信息,帮助团队筛选饰品竞品、评估货源、计算利润、生成直播卖点、管理拿样采购流程。
|
||
|
||
整体风格:专业、高效、清晰、偏运营工具。界面要像采购决策台,而不是电商商城。重点是快速扫描、批量操作、风险提示、利润判断、样品跟进。
|
||
|
||
品类特征:饰品、藏式/民族风、耳饰、项链、手链/手镯、戒指、发饰、包挂/手机链,第一批以 100 元以内直播跑量款为主。
|
||
|
||
视觉关键词:干净、细腻、轻奢但克制、运营效率、数据清楚、商品图片突出、状态明确。
|
||
```
|
||
|
||
## 设计系统提示词
|
||
|
||
```text
|
||
请建立一套完整 UI Design System,适用于桌面端和移动端。
|
||
|
||
颜色体系:
|
||
- 主色:深青绿色,用于主按钮、选中状态、重点数据。
|
||
- 辅助色:柔和金色或琥珀色,用于利润、机会分、优先推进。
|
||
- 风险色:低饱和红色,用于高风险、删除、敏感宣传词。
|
||
- 成功色:绿色,用于可跑量、已拿样、利润健康。
|
||
- 背景:浅灰白,不要大面积纯白刺眼。
|
||
- 卡片:白色或极浅灰,边框细,阴影轻。
|
||
|
||
字体:
|
||
- 中文优先使用系统无衬线字体。
|
||
- 数字要清晰,适合看价格、毛利、评分。
|
||
- 标题不要过大,整体信息密度要高。
|
||
|
||
圆角:
|
||
- 卡片和按钮 8px 左右。
|
||
- 不要过度圆润,不要可爱风。
|
||
|
||
组件:
|
||
- 商品卡片
|
||
- 数据指标卡
|
||
- 筛选工具条
|
||
- 批量操作条
|
||
- 风险标签
|
||
- 利润标签
|
||
- 状态标签
|
||
- 相似款组卡片
|
||
- 拿样流程卡片
|
||
- 商品详情抽屉或弹窗
|
||
- 直播卖点卡
|
||
- 供应商对比区
|
||
- 空状态
|
||
- 加载状态
|
||
- 删除确认状态
|
||
|
||
交互原则:
|
||
- 支持快速筛选、批量勾选、批量改状态、批量打标签。
|
||
- 重要操作要二次确认。
|
||
- 手机端优先单手操作。
|
||
- 电脑端优先高信息密度和批量处理。
|
||
```
|
||
|
||
## 电脑端 UI 提示词
|
||
|
||
```text
|
||
设计桌面端 1440px 宽度的内部选品采购工作台。
|
||
|
||
布局:
|
||
左侧固定导航栏,宽约 260-300px。
|
||
导航包含:
|
||
- 候选库
|
||
- 选品看板
|
||
- 拿样清单
|
||
- 相似款组
|
||
- 拿样
|
||
- 继续观察
|
||
- 暂不做
|
||
- 插件安装提示
|
||
|
||
主区域顶部:
|
||
- 页面标题:直播饰品选品库
|
||
- 副标题:淘宝 / 小红书 / 1688 可见页采集
|
||
- 右侧按钮:刷新、导出 CSV
|
||
|
||
主内容:
|
||
第一屏显示核心统计:
|
||
- 候选总数
|
||
- 建议拿样
|
||
- 1688 货源
|
||
- 藏式/民族风
|
||
|
||
下面是筛选栏:
|
||
- 关键词搜索
|
||
- 平台筛选
|
||
- 赛道筛选
|
||
- 状态筛选
|
||
- 标签筛选
|
||
|
||
候选库视图:
|
||
使用响应式商品卡片网格,每行 3-4 张。
|
||
每张卡片包含:
|
||
- 左上角多选框
|
||
- 商品图片
|
||
- 平台标签
|
||
- 决策标签:拿样 / 继续观察 / 暂不做
|
||
- 标题
|
||
- 赛道
|
||
- 进货价 / 建议直播价
|
||
- 预计毛利
|
||
- 状态
|
||
- 人工标签和自动标签
|
||
- 按钮:详情、打开原页
|
||
|
||
批量操作条:
|
||
当选中商品后出现,展示“已选 X 条”。
|
||
按钮包括:
|
||
- 全选当前结果
|
||
- 取消选择
|
||
- 问供应商
|
||
- 已拿样
|
||
- 放弃
|
||
- 加标签
|
||
- 删除所选
|
||
删除时进入确认状态,按钮变为“确认删除 / 返回”。
|
||
|
||
选品看板视图:
|
||
上方为数据卡片和趋势摘要。
|
||
中间展示:
|
||
- 价格带分布
|
||
- 赛道分布
|
||
- 采购动作建议
|
||
- 优先推进款列表
|
||
- 高风险款提醒
|
||
- 利润健康款
|
||
|
||
拿样清单视图:
|
||
采用任务流布局。
|
||
每条任务包含:
|
||
- 商品标题
|
||
- 平台 / 赛道 / 价格
|
||
- 当前状态
|
||
- 供应商
|
||
- 快捷动作:问供应商、已拿样、直播测试、放弃
|
||
- 备注入口
|
||
|
||
相似款组视图:
|
||
每个款式组是一张宽卡。
|
||
展示:
|
||
- 组名,例如:藏式/民族风 · 绿松石/编绳
|
||
- 线索数量
|
||
- 包含平台
|
||
- 最低 1688 货源价
|
||
- 竞品售价
|
||
- 建议直播价
|
||
- 机会分
|
||
- 组内商品缩略列表
|
||
- 最优供应商推荐
|
||
|
||
详情弹窗或右侧抽屉:
|
||
展示商品大图、原链接、评分、利润模型、直播卖点、供应商提问、风险提醒、备注、状态、标签。
|
||
详情页要适合运营人员快速判断是否拿样。
|
||
```
|
||
|
||
## 手机端 UI 提示词
|
||
|
||
```text
|
||
设计移动端 390px 宽度的直播饰品选品采购工具。
|
||
|
||
布局:
|
||
使用底部 Tab 导航,包含:
|
||
- 候选
|
||
- 看板
|
||
- 拿样
|
||
- 款式组
|
||
- 我的
|
||
|
||
顶部:
|
||
- 简洁标题:选品库
|
||
- 搜索框
|
||
- 筛选按钮
|
||
- 刷新按钮可以放在右上角图标
|
||
|
||
候选列表:
|
||
使用单列商品卡片。
|
||
每张卡片包含:
|
||
- 商品图,比例 4:3
|
||
- 多选框
|
||
- 平台标签
|
||
- 决策标签
|
||
- 标题,两行截断
|
||
- 进货价、建议直播价、毛利
|
||
- 状态标签
|
||
- 标签行
|
||
- 底部操作:详情、打开原页
|
||
|
||
移动端批量操作:
|
||
当勾选商品后,底部出现固定操作条。
|
||
显示:
|
||
- 已选 X 条
|
||
- 改状态
|
||
- 加标签
|
||
- 删除
|
||
点击“改状态”弹出底部操作面板:
|
||
- 问供应商
|
||
- 已拿样
|
||
- 直播测试
|
||
- 放弃
|
||
|
||
筛选:
|
||
点击筛选按钮打开底部抽屉。
|
||
包含:
|
||
- 平台
|
||
- 赛道
|
||
- 决策
|
||
- 状态
|
||
- 标签
|
||
- 价格区间
|
||
- 是否 1688 货源
|
||
- 是否高风险
|
||
|
||
看板:
|
||
手机端不要堆太多图表,优先展示决策摘要。
|
||
模块:
|
||
- 今日候选
|
||
- 建议拿样
|
||
- 低价跑量款
|
||
- 高风险款
|
||
- 藏式/民族风
|
||
- 下一步动作建议
|
||
|
||
拿样清单:
|
||
使用任务卡片。
|
||
每张卡片展示:
|
||
- 商品标题
|
||
- 状态进度
|
||
- 供应商
|
||
- 进货价
|
||
- 快捷按钮:问供应商、已拿样、直播测试
|
||
|
||
款式组:
|
||
使用折叠卡片。
|
||
每组显示:
|
||
- 款式组标题
|
||
- 线索数
|
||
- 最低货源价
|
||
- 建议直播价
|
||
- 机会分
|
||
点击展开后显示组内商品。
|
||
|
||
详情页:
|
||
手机端使用全屏详情页或底部大抽屉。
|
||
顶部是商品图和标题。
|
||
下方分 Tab:
|
||
- 基本信息
|
||
- 利润
|
||
- 直播话术
|
||
- 供应商
|
||
- 风险
|
||
- 备注
|
||
|
||
所有按钮高度至少 44px,适合手指点击。
|
||
底部主要操作固定,例如“标记问供应商”“加入拿样清单”。
|
||
```
|
||
|
||
## 商品卡片组件提示词
|
||
|
||
```text
|
||
设计一个饰品选品商品卡片组件。
|
||
|
||
卡片用于内部采购筛选,不是面向消费者的商品销售卡。
|
||
|
||
必须包含:
|
||
- 多选框
|
||
- 商品图片
|
||
- 平台标签:淘宝 / 小红书 / 1688
|
||
- 决策标签:拿样 / 继续观察 / 暂不做
|
||
- 商品标题
|
||
- 赛道标签
|
||
- 进货价
|
||
- 建议直播价
|
||
- 预计毛利
|
||
- 毛利率
|
||
- 状态:新采集 / 待复核 / 问供应商 / 已拿样 / 直播测试 / 已放弃
|
||
- 风险标签
|
||
- 人工标签
|
||
- 按钮:详情、打开原页
|
||
|
||
视觉要求:
|
||
信息密度高,但不要拥挤。
|
||
价格和毛利要突出。
|
||
风险用红色小标签。
|
||
可跑量用绿色或金色标签。
|
||
图片不能太小。
|
||
```
|
||
|
||
## 详情页/弹窗提示词
|
||
|
||
```text
|
||
设计商品详情弹窗,适合采购人员快速判断是否拿样。
|
||
|
||
结构:
|
||
左侧展示商品图和原链接。
|
||
右侧展示详细信息。
|
||
|
||
内容模块:
|
||
- 商品标题、平台、赛道
|
||
- 综合评分
|
||
- 建议动作
|
||
- 进货价
|
||
- 建议直播价
|
||
- 预计毛利
|
||
- 毛利率
|
||
- 供应商/店铺
|
||
- 状态选择
|
||
- 人工标签输入
|
||
- 备注输入
|
||
- 直播卖点
|
||
- 价格话术
|
||
- 供应商提问清单
|
||
- 风险提醒
|
||
- 评分理由
|
||
|
||
操作:
|
||
- 保存状态
|
||
- 标记问供应商
|
||
- 标记已拿样
|
||
- 删除
|
||
|
||
设计风格:
|
||
像内部审核面板,清晰、专业、方便快速决策。
|
||
```
|
||
|
||
## 拿样清单提示词
|
||
|
||
```text
|
||
设计拿样清单页面,用于管理采购跟进。
|
||
|
||
页面目标:
|
||
让用户一眼看到哪些款需要问供应商、哪些已拿样、哪些要直播测试。
|
||
|
||
字段:
|
||
- 商品标题
|
||
- 商品图
|
||
- 赛道
|
||
- 平台
|
||
- 供应商
|
||
- 进货价
|
||
- 建议直播价
|
||
- 当前状态
|
||
- 备注
|
||
- 最近更新时间
|
||
|
||
状态流程:
|
||
新采集 → 待复核 → 问供应商 → 已拿样 → 直播测试 → 放弃 / 复购
|
||
|
||
交互:
|
||
- 快捷改状态
|
||
- 批量改状态
|
||
- 批量加标签
|
||
- 打开详情
|
||
- 打开原页
|
||
|
||
视觉:
|
||
任务流或看板式都可以,但要偏实用,适合每天采购跟进。
|
||
```
|
||
|
||
## 相似款组提示词
|
||
|
||
```text
|
||
设计相似款组页面,用于把淘宝、小红书竞品和 1688 货源自动归组。
|
||
|
||
每个组展示:
|
||
- 款式组名称
|
||
- 赛道
|
||
- 关键词
|
||
- 线索数量
|
||
- 包含平台
|
||
- 最低 1688 进货价
|
||
- 竞品参考售价
|
||
- 建议直播价
|
||
- 机会分
|
||
- 最优供应商
|
||
- 组内商品列表
|
||
|
||
重点:
|
||
让用户快速判断:
|
||
这个款是不是有人卖?
|
||
有没有 1688 货源?
|
||
利润够不够?
|
||
是否适合直播跑量?
|
||
|
||
视觉:
|
||
组卡片要比普通商品卡更宽,适合对比。
|
||
内部商品用紧凑列表或小卡片。
|
||
```
|
||
|
||
## 选品看板提示词
|
||
|
||
```text
|
||
设计选品看板页面,用于老板或运营快速判断当前选品池质量。
|
||
|
||
核心模块:
|
||
- 候选总数
|
||
- 建议拿样
|
||
- 1688 货源数
|
||
- 藏式/民族风数量
|
||
- 价格带分布
|
||
- 赛道分布
|
||
- 状态分布
|
||
- 高风险数量
|
||
- 利润可跑款数量
|
||
- 优先推进款
|
||
- 下一步动作建议
|
||
|
||
设计要求:
|
||
不要做复杂炫酷大屏。
|
||
要像实用运营看板。
|
||
数据卡片清晰,能快速指导采购动作。
|
||
```
|
||
|
||
## 负面提示词
|
||
|
||
```text
|
||
不要设计成电商商城首页。
|
||
不要做营销落地页。
|
||
不要大面积渐变背景。
|
||
不要过度插画。
|
||
不要低信息密度的大卡片堆叠。
|
||
不要只展示商品图片而忽略价格、利润、状态、风险。
|
||
不要用过于可爱、少女、网红风的视觉。
|
||
不要把电脑端做成手机端放大版。
|
||
不要把手机端做成电脑表格缩小版。
|
||
不要隐藏批量操作。
|
||
不要让删除、放弃等危险操作缺少确认状态。
|
||
```
|
||
|
||
## 一句话总 Prompt
|
||
|
||
```text
|
||
请为一个内部使用的直播饰品选品采购系统设计专业 UI,系统支持淘宝/小红书/1688 采集、竞品筛选、1688 货源对比、利润测算、直播卖点生成、风险提醒、批量操作、拿样清单和相似款归组。设计要同时覆盖桌面端和移动端,桌面端强调高信息密度和批量处理,移动端强调单手操作和快速决策。整体风格克制、专业、清晰,适合饰品直播卖货团队日常选品采购。
|
||
```
|