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