成交插件：从选达人到成交的体验设计（Codex 插件）
一句话：用户在 Codex 里该干什么干什么（拆预算、搭独立站、排投放）；插件在旁边悄悄提一句「这里有些网红是不是需要？可以帮你联系」；说「选 10 个人」，右边长出匹配台，达人主页在第二个 tab 里看、看中先收藏、最后再定；说「跟这 4 个人谈」，匹配台变成成交台；谈判跨越多天，左栏红点把人带回来；主对话框就是这块看板的遥控器。
交付物：成交插件_交互原型.html（可点，底部导演条播放或跳章）、成交插件_演示.mp4（自动播放录屏，带指针，3 分 40 秒，1600×914）、本说明。今天还在真实的 Centrol 里把匹配流程完整跑了一遍，实测放在第 4 节，原型里「选人」那一章就是对着它改的。
依据标注：会 = 会议纪要里说过的；评 = 对 Centrol 实测看到的；竞 = 竞品谈判体验实测；议 = 我的判断。
0. 八条设计原则
每一条都对应前面讨论里的一个结论，不是凭空定的。
| # | 原则 | 来源 |
|---|---|---|
| 1 | 润物细无声。用户在拆预算、搭独立站、排投放，插件读到「素材要找人拍」这类线索才出声，只提一个人、一张小卡、两个按钮，不弹窗、不开面板；用户不理它就继续干活。 | 议：Codex 的使用场景是写方案、写代码，插件是配角 |
| 2 | 说一句，右边长出来。「选人」「跟谁谈」这类话触发右侧面板，和 Codex 打开浏览器一个动作。面板是 SaaS，不是聊天记录。 | 用户要求 |
| 3 | 底牌先于开价。谈判开始前，每个人的区间、历史、信号、回信习惯先摆出来；Centrol 现在是盲谈。 | 竞：Centrol 开场问达人「你平时收多少」 |
| 4 | 策略可见、按人分级。模板 A/B/C 写明开价、上限、让步、置换项；每个达人单独选自动 / 审批 / 我来 / 直发 offer。 | 竞：策略只存在于聊天里；会：Approval 粒度 |
| 5 | 先预览再确认。主对话框发出的每条指令，先给动作卡（符合条件的人、信的全文、发送时间），确认后看板上对应的卡片高亮。 | 议：遥控器不能盲按 |
| 6 | 多天的事有入口。左栏「成交台」挂红点：有达人动了、或有一步在等你。点开，右边直接是进度，聊天里是三天的摘要。 | 用户要求 |
| 7 | 每一次要 / 不要都回写。选人的「太贵 / 合作过」、谈判的「出局原因」、达人的回信时段，全部落成规则，分本 campaign / 本客户 / 全局三档，匹配台和成交台共用一本账。 | 会：Newlist 三级意见；评：Centrol 自己承认规则不跨活动 |
| 8 | 计费和结果挂钩。按成交计，没成交不计；复盘页按漏斗算账。 | 竞：Centrol 按回信扣积分 |
1. 一条完整旅程：11 章
原型按这 11 章做，导演条可以跳。每章写三件事：用户做什么、右边出现什么、回写什么。
① 日常触发：他在做方案，我们只提一句
用户在「Q4 美妆 MKT 方案」线程里做的是普通的事：让 Codex 把 $60k 预算拆成投放 / 素材 / 独立站，出独立站落地页的结构，把投放按 Meta 60 / TikTok 40 写进去。每一步 Codex 都在改 docs/q4-launch-plan.md，对话里是一行行「已更新」。
插件什么时候出声：Codex 写到「素材那 9 条日常出镜，找 2–10 万粉的创作者拍」时，skill 被加载（对话里一行小字「已加载 skill：Centrol 匹配 · 读了 4.2 素材和 4.1 投放」），然后一张小卡：「这里有些网红是不是需要？可以帮你联系」。卡上只有一个人、像谁、两个数字、「和这段很像的还有 2 个」、两个按钮：加入观察 / 先不用。用户点了加入观察，接着继续写投放那段，插件不再出声。
- 右边：不开面板。
- 左栏：「匹配台」条目多一个「观察 1」。
- 回写：观察名单 +1。
② 选人：说「选 10 个人」，右边长出匹配台
用户说「素材那 9 条，按这段先选 10 个人」。右边滑出匹配台，面板上方是 brief 拆出来的硬条件（蓝）、软偏好、排除项（红）；中间是四段漏斗：对标 3 → 扩展 312 → 硬过滤 118 → 打分 30，一段一段亮起来。对话里先问一句「对标就这三个？」，用户点头后才扩展。
候选卡上每个人有：像谁、理由（引用数据）、风险、置信度、4 个分项小条（上升 / 契合 / 受众 / 历史），卡底一行「TikTok 主页 ↗ · Instagram ↗ · ☆」。Codex 说的是「不用现在定，点开在右边第二个 tab 里看，看中的先收藏」。
③ 细看：先观看，再收藏，最后决策
决策不是一眼定的。右侧面板顶上有两个 tab，和 Codex 自带的浏览器一个做法：左边是「匹配台」，点卡上的「TikTok 主页 ↗」，右边多出一个 tab「tiktok.com/@mara.glow」，面板整个变成内置浏览器：地址栏、她的主页、置顶视频、播放数。浏览器底部有一条 Centrol 的小条：她是谁、多少分、「看她的 Instagram ↗」、「☆ 收藏」、「回匹配台」。
原型里的顺序：看 Mara 的 TikTok → 收藏 → 看她的 Instagram → 点 tab 回匹配台 → 点 Noa 的 Instagram → 收藏 → 回来。回到匹配台，两张卡上有「★ 已收藏」，面板右上角「已看 6 / 30 · 收藏 2」。然后才是决策：「Lena 太贵，Ivy 合作过，去掉」，两张卡变灰，卡上直接写出局原因和规则范围（本客户 / 本 campaign），「规则」页多两条；「就 Mara、Jules、Noa、Sora，进成交台」，四张卡打勾，Codex 开一个单独线程「YSL Loveshine · 谈判」，面板变成成交台，浏览器 tab 收起。
- 回写：收藏 2 人进观察名单；两条规则；Ivy 的合作记录挂进档案。
④ 发起：底牌先出来
成交台先出骨架，一秒后四个人的区间、历史、信号填进去。对话里给一张建议卡：模板 A、每人的开价和上限、范围按交付条款生成、发件人 Lin 四封一致。
⑤ 策略：一句话分级
「用模板 A。Noa 每一步问我，Sora 不用谈，按建议价直接发 offer」。面板切到「策略」页：模板 A 高亮，Noa 变审批、Sora 变直发 offer，切回看板时两张卡高亮一下。
⑥ 发出：然后去忙别的
「发吧」。四张卡依次翻成「已外联 · 第 1 轮」，时间线开始记。对话最后一句是「这几天你可以去忙别的」，用户回到方案线程，面板收起。
⑦ 几天后：红点把人带回来
第 2 天 Jules 回了（要使用权 60 天，在条款内，AI 自动答复并记录）、Sora 点了确认页成交；第 3 天 Noa 报价超上限停下来等人、Mara 已读未回。左栏「成交台」红点 1 → 2 → 3。用户点红点，右边直接是进度，聊天里是三天摘要，Noa 的卡高亮。
⑧ 追问：用户要的那句话
「用策略模板 B，对第一轮无反应的网红继续追问」。对话给动作卡：符合条件 1 人（Mara）、信的全文（换角度，给具体视频点子和预算区间）、发送时间（她的活跃时段）、确认 / 改一下。确认后 Mara 的卡变「第 2 轮 · 第 4 天 09:00 发」。
⑨ 还价：审批的那个人
「Noa 还到 1,900，再多不要」。上限改掉，还价信预览（先给置换项再谈价），用户确认后发出。第 4 天 Mara 回 $950 在上限内，AI 接，成交；Jules 点确认页，成交。Mara 的回信时段记进档案。
⑩ 成交与出局
第 5 天 Noa 坚持 $2,200。对话给两个选择：出局 / 提到 2,200。用户说「出局，太贵」，卡上写出局原因，规则回写到本客户。然后面板上弹出 Mara 手机上看到的确认页：价格、交付、发布日期、付款节奏、一个按钮。
⑪ 复盘：按漏斗算账
「看看这单的漏斗」。面板切到复盘：外联 4 → 回复 3 → 报价 3 → 成交 3，每人开价 / 成交 / 轮次，这一单学到的 4 条（含选人阶段的 2 条），计费按成交 3 单。
2. 三块界面的信息架构
左栏（Codex 原生）
- 线程列表：谈判单独一个线程，方案线程不被打扰。
- 插件区：「成交台」挂红点（有人动了 / 有一步在等你）；「匹配台」挂观察数。点插件条目，右边直接是对应面板。
主对话框（遥控器）
- 输入框带「Centrol」小标，表示插件在听。
- 指令下方有建议 chips，但不是菜单，是「这一步最可能说的两句话」。
- 每条指令的回应是动作卡：范围（符合条件的人）、内容（信的全文）、时机、两个按钮。确认后卡片变「已确认」，看板对应卡片高亮 1.4 秒。
右侧面板（SaaS + 内置浏览器）
面板顶上一排 tab，和 Codex 打开浏览器一样：第一个是管理端（匹配台或成交台），点达人主页链接后多出第二个 tab，显示站点和账号（tiktok.com/@mara.glow），切回去时 tab 上有个蓝点提醒还开着。内置浏览器底部固定一条 Centrol 小条：这个人是谁、分数、换平台看、☆ 收藏、回匹配台。看完切回来，卡上就有「★ 已收藏」。
| 匹配台 | 成交台 |
|---|---|
| 候选：brief 条件、四段漏斗、候选卡（主页链接、收藏） | 看板：五段漏斗、达人卡（状态 · 轮次、区间 / 开价 / 上限 / 对方、模式、下一步） |
| 对标：3 个种子和来源 | 策略：模板 A/B/C、范围、发件人、AI 身份、硬规则、按人分级 |
| 规则：这个客户的所有要 / 不要 | 时间线：按天，含 AI 自己做的决定 |
| 复盘：漏斗、每人、学到的、计费 | |
| 抽屉（点卡片）：底牌、报价轮次、对话、条款、模式、三个动作（接管 / 直发 offer / 出局…） |
3. 指令 → 动作对照
| 用户说 | 插件做 | 面板变化 | 回写 |
|---|---|---|---|
| （做方案中，没说话） | 读到「素材要找人拍」，提一个最像的人 | 不开面板；卡上「加入观察」 | 观察名单 +1 |
| 素材那 9 条，按这段先选 10 个人 | 拆 brief，提 3 个对标，等确认 | 匹配台打开，brief 条件、漏斗第一段 | — |
| 对，就这三个 | 扩展 → 过滤 → 打分 | 漏斗逐段亮，候选卡出现 | 对标记入 campaign |
| 先看看 Mara 和 Noa（或点卡上的「TikTok 主页 ↗」） | 打开内置浏览器 tab，底部挂 Centrol 小条 | 面板切到她的主页；tab 条多一个站点 tab | — |
| ☆ 收藏（浏览器小条或卡上） | 记进观察名单 | 卡上「★ 已收藏」，面板头「收藏 2」 | 观察名单 |
| Lena 太贵，Ivy 合作过，去掉 | 两人出局，原因落规则 | 卡变灰带原因和范围；规则页 +2 | 本客户 / 本 campaign |
| 就这 4 个，进成交台 | 建谈判线程，面板变成交台 | 骨架 → 底牌 | — |
| 用模板 A。Noa 每一步问我… | 设模板、按人分级 | 策略页高亮，回看板卡片高亮 | 策略记入 campaign |
| 发吧 | 发第一轮 | 卡翻成已外联，时间线开始 | 每封信入对话 |
| 用策略模板 B，对第一轮无反应的网红继续追问 | 找符合条件的人，起草追问信，定发送时间 | 动作卡 → 确认 → 卡变第 2 轮 | 模板 B 使用记录 |
| Noa 还到 1,900，再多不要 | 改上限，起草还价信 | 动作卡 → 确认 → 卡变第 2 轮 | 上限变更记入轮次 |
| 出局，太贵 | 回复达人，出局 | 卡写出局原因 | 本客户规则 |
| 看看这单的漏斗 | 算账 | 复盘页 | 学到的 N 条 |
4. Centrol 现在的匹配流程：今天跑的一遍（评）
用 SmallRig 无线麦克风的 brief（美国 YouTube、5–50 万粉、平均播放 ≥ 2 万、英语、近 30 天更新、预算 $8,000、10 人、避开被 DJI 占满的科技评测、往户外旅行 vlog 找），从首页输入到匹配出结果，全程约 4 分钟。
4.1 它的流程
- 首页一个输入框「想做什么？说清楚，我来把它建起来」。发出 brief 后进对话页，右边是工作区（总览 / 网红匹配 / 执行管道 / 内容 / 策略与数据）。
- agent 把 brief 拆成四项回给你：粉丝量、市场和平台、方向、预算与单人上限（8,000 ÷ 10 = 800），问「就按这个开始匹配？」，两个按钮。
- 点开始后自动建活动，先生成策略（约 1 分钟），再匹配（约 1.5 分钟），进度条「0 / 20」。
- 策略页内容很足：执行摘要、HERO / MID / TAIL 矩阵（1 / 4 / 5）、触达预估（置信度 low）、6 步发布节奏、3 条文化洞察（FTC 披露、别宣称超越 DJI、真实场景录原声）、预算分配模拟器。
- 匹配页出 15 人，每人：平台、层级、粉丝、互动率、平均播放、推荐理由、置信度、匹配分；另外 25 位因为在别的活动里联系过或合作过，自动排除。
- 匹配完 agent 追一句「还差 10 位，要我挑人、写好外联信吗？去挑 / 先不」。
4.2 做得好的
- 一句话到一个建好的活动，中间只确认一次。
- 跨活动排除：25 个联系过的人自动没进来。
- 策略页的文化洞察是真内容，不是套话。
- agent 在对话里说人话，每轮有「这一轮做了什么」可展开。
4.3 问题
- 硬条件丢了三个：平均播放、英语、近 30 天更新没进过滤条件。
- 前两名不符合 brief：brief 要 YouTube，分数最高的两个人只有 Instagram；推荐理由自己写着「没有 YouTube 频道，brief 要求的」，仍然排第一。
- 分数是粉丝加互动：15 人里绝大多数理由写「没有品类标签，户外旅行是否契合未验证」「报价未知」。名单里有「Ancient Americas」「Dark5 Ancient Mysteries」这类旁白类频道，对领夹麦没有意义。
- 分项打分自相矛盾：详情页「品类契合度 70」，但品类标签缺失；「报价合理性 60」，但报价未知；历史表现全是 0。
- 策略和上限打架：单人上限定了 $800，策略里头部 $2,500、腰部 $1,000。
- 没有对标：从 brief 直接到名单，中间没有「像谁」。
- 反馈不跨活动：对话里说「去掉只有 Instagram 的人，以后 SmallRig 的活动都不要」，它 30 秒内去掉两人，然后老实说：「这条我只能存进这个活动的选人要求里，没法替以后的 SmallRig 活动记住，下次要再说一次」。
- 卡片上没有「不要」：详情里只有打开主页、改层级、关闭；否决必须回到对话里说。
- 离外联只有一个按钮：「去挑」会直接挑人写信。这次没点，因为会以 SmallRig 的名义给真实达人发信。
4.4 原型对着这些改了什么
| Centrol 现在 | 原型 |
|---|---|
| brief 拆 4 项，丢 3 个硬条件 | brief 条件全部显示在面板顶部，硬 / 软 / 排除三色 |
| brief → 名单 | brief → 对标 3 个（人定）→ 扩展 → 硬过滤（必须有联系方式）→ 打分，四段漏斗可见 |
| 一个总分 + 一段英文理由 | 4 个分项小条 + 像谁 + 理由 + 风险 + 置信度 |
| 否决回对话里说，只影响本活动 | 卡上写出局原因和规则范围，规则页累积，匹配台和成交台共用 |
| 匹配完直接问要不要写外联信 | 匹配完进成交台，先看底牌和策略，再发 |
5. 和 Centrol 谈判台的对照（竞）
Centrol 的谈判台信息架构是同类里最完整的（对话、报价轮次、成交价、交付条款、合同、按人切模式），原型沿用了它的骨架，改了五处：策略面板可见、范围从条款生成、按人三档分级加直发 offer、出局原因上卡、计费按成交。详见 docs/competitors/谈判体验/。
6. 要做成真的，需要什么
- 数据：达人数据 API（lookalike、增长率、最近发帖、有无邮箱、受众国家），同量级报价区间，自己沉淀的历史（回信、报价、成交、交付）。和策略采集用例第 4 节一致。
- Codex 侧：一个 skill（读当前线程的方案文本，判断是否值得提人）+ 一个面板插件（右侧 webview）+ 左栏红点的通知接口。所有面板动作同时有 CLI：
centrol match、centrol deal start/followup/counter/out/review。 - 达人侧：确认页（价格、交付、日期、付款、一个按钮），确认即生成合同和交付清单。
- 规则存储：三档范围（campaign / 客户 / 全局）+ 达人档案，匹配和谈判共读。
7. 没做到和待确认
- 原型是脚本驱动，只认剧本里的那几句话；真实产品要接模型理解任意指令。
- 候选和达人是虚构的；分数、区间、回信时段是示意。
- 录屏是无头浏览器录的自动播放，没有鼠标；原型打开后点「看完整旅程」是同一段，带动效。
- Centrol 这次跑匹配扣了多少积分没单独核对（账户积分从 9,956 变到 9,946 是这两天的合计）。
- 待确认：Codex 插件的右侧面板和左栏红点在它的插件体系里是否开放；达人确认页的落地页由谁托管。
提示：点击任意图片可放大查看，再点一次缩回。