Sales Workbench Builder(销售沟通工作台生成器)
Overview
将「4S 店电销专员工作台」(厦门 JLR 真实生产实例,迭代至 v1.5i)沉淀为可复用模板:
一个自包含单文件 HTML(无 CDN 依赖、手机/PC 双端、可 PWA 安装到主屏)+ kb.json 数据层(话术/场景/车型/竞品/FAQ/意图规则全部在此)。
核心思路:代码骨架不动,只改数据层 kb.json 即可为任意品牌/门店/行业生成专属工作台。话术内容与 AI 能力(意图识别、AI 深度定制)都在 kb.json 中配置。
何时使用
- 用户要做「XX 销售/电销工作台」「回复建议引擎」「客户沟通助手」类应用(HTML 或小程序)
- 用户要对既有工作台:改话术、加 FAQ、换车型/竞品、调布局、重新部署、接入 AI
- 用户提到汽车 4S 店销售场景、话术模板、客户记忆点等需求
快速开始(模板已在 assets/)
cp -r <skill>/assets/* ./你的项目目录/ # 复制模板(index.html + kb.json + manifest.json + icons/)
Step 1 — 改数据层(90% 工作量在这)
编辑 kb.json(详见 references/architecture.md 的数据字典):
| 字段 | 改什么 |
|---|---|
models |
在售车型列表 |
scenes + tpl |
沟通场景与话术(场景×风格×变体) |
hooks |
记忆点钩子池(车型/职业/年龄/性别) |
intents |
意图识别规则(问价/竞品/犹豫/试驾/投诉/转介绍/节日) |
knowledge |
知识库(车型卖点/竞品/金融政策/异议应对) |
probes |
阶梯式需求提问(男/女/通用,每步 3 个备选问法) |
faq |
常见客户问题 & 应对话术(可直接从客户沟通文档导入) |
ai |
AI 深度定制:baseUrl/apiKey/model(key 用 sk-你的DeepSeek_APIKey 占位) |
note |
全局话术纪律(如严禁报底价、议价收口到店) |
Step 2 — 改品牌 UI(在 index.html 内)
<title>、.top h1、meta description:品牌名:rootCSS 变量:--acc/--acc2主渐变、--bg背景色(当前紫粉明亮系).logo文字与icons/:品牌图标(PWA 用)
Step 3 — 本地验证
- 直接双击 index.html 打开(内置 FALLBACK 兜底数据,离线可用)
- 用 HTTP 服务测(
python -m http.server 3000)验证 fetch kb.json 路径
Step 4 — 部署(固定链接)
见 references/architecture.md「部署流程」。要点:cp index.html kb.json 到部署目录 → 先 unpublish 旧链接 → 等待 15-25s → deploy → 远程验证。
核心机制说明
- 回复建议引擎:场景 × 风格 × 2 变体 = 72 条话术;记忆点
{{HOOK}}按"话术中点最近句末标点"自然编织进话术中段(不堆句尾标签);风格= DISC 映射(稳健专业/热情亲和/干练直接/幽默轻松) - 意图识别(
intents.rules,7 类):识别客户原话意图 → 自动呼应客户原话(.echo-bar显示「📨 客户原话」)+ 竞品名自动填充 + 强相关话术置顶 - AI 深度定制:推荐 DeepSeek 官方 API(浏览器原生 CORS 直连,无需代理);火山方舟豆包已弃用(CORS 拦截 + workers.dev 被墙),200 元余额留待 ChatBox/云函数方案
- 三级数据回退:启动 fetch
./kb.json→ 失败用 HTML 内联 FALLBACK → 再失败用最小兜底 - PWA:manifest.json + icons 三尺寸(512/192/apple-touch)
迭代注意(血泪经验)
- 文件漂移坑:Bash 与编辑工具视图对同一文件可能不一致,改 index.html 内联 FALLBACK 用脚本注入且注意「替换」语义,别覆盖相邻数据块
- 布局坑:用户对 PC 端留白极敏感。当前 v1.5i 方案:
wb-body单列流(flex-direction:column),顶部 4 个配置卡一行 4 列 grid(≥1200px),FAQ/客户原话/生成按钮铺满整行(grid-column:1/-1),结果区卡片 ≥1200px 自动多列网格——一屏看完全部核心配置,不要左右分栏 - 话术去 AI 化:禁止"您说的「xx」这个点,我记下了"式刻板句;用
.echo-bar信息条替代;话术要口语微信节奏、避免结尾升华句 - 发布前必做:检查
sk-开头 API key 是否出现在 assets 中,必须脱敏为占位符(模板已脱敏,改动后重新检查)
Resources
assets/index.html— 自包含模板(含内联 FALLBACK 数据),复制后按 Step 2 改品牌assets/kb.json— 数据层示例(JLR 真实数据脱敏版,ai.apiKey 已占位),Step 1 的核心编辑对象assets/manifest.json+assets/icons/— PWA 配置与图标references/architecture.md— 数据字典、引擎逻辑、部署流程、定制指南(详细)