原型(执行会话/目标-…-d85687/ui/mcn-workbench.html) - 功能入口卡改三段纵向(图标/标题/描述各一行),68 → 111.19px,对齐 mcn-work-shop 参考卡(同视口 1249×1277 实测 133px),补 --sh-L1 投影;主因是排布不是字号 - 左侧导航重建:由「纯图标 + 悬停提示」改为 64px 药丸浮栏,图标 24 在上、名字常驻在下 (名字一律 2 字,说明走 data-tip);真值取自 tiaoyue 源站实测 (栏 64/内衬 3/圆角 100/项 56×78/字 12px-500-行高 16) - 密度 A 方案:≤1000 卡最小宽 200→160、≤820 统计条最小宽 132→96 (两处 auto-fit 只在真装不下时才缩)⇒ 768/700/560 三处转绿,其余 10 个视口未动 - 移动档隐藏导航条横向滚动轨(16px 轨道曾吃掉 52px 条高的三成,还白吃 16px 主区) 取证通道 - _tools/cap.py 改为「只连不起」:只连 9223 常驻实例,视口走 Emulation.setDeviceMetricsOverride, 不再自起 headless Chrome(顺带解除 500px 视口下限,390×844 可测) - _tools/check_js.py 新增第 5 道门禁(node --check + 模板内注释反引号扫描) 文档 - 复盘-为什么第一版做得很差.md(新建):13 轮时间轴/四类反作用/三重归因/已修与仍欠 - 3d-审查报告.md:更正 §九 那条假 ✓(把「§5.5 五条逐条过完」记成机核,实际零覆盖, 正是「五道闸门全绿却难看」的开关),补 §十二 功能入口卡高差、§十三 tiaoyue 导航逐条对照 - 3b-实测记录.md/DESIGN.md/3c-GPT 参考版与会诊/布局排版参考 ×2 机制与记忆 - .workbuddy/collab/collabctl.py:off --ws 不再全机扫描(原先一次杀掉他区+看板共 5 个进程) - .workbuddy/memory/:本轮纪律与实测真值 - .gitignore:补排运行时噪音(ui/_scratch/__pycache__/浏览器取证临时目录/*.bak-*/一次性脚本) 闸门:语法全过/骨架八页 39 板块/变异对照 15-15/逐视口 14 绿(500×844 唯一红,缺口待拍板)/命名 2060-0-27
15 KiB
2b 界面布局
项目 slug:
mcn-shortvideo-agent| ②段第 2 子步,产出prd/2b-界面布局.md判据源:stage-requirements/SKILL.md§2b +assets/diagram-design/(本份只给灰块骨架,不出图) 本份专管界面骨架:有哪几页、每页几个板块、板块怎么排、跨页怎么跳。⛔ 不写功能条目的有无与优先级(那是2a-产品功能.md)。 ⛔ 全文零视觉词:配色 / 字体 / 间距 / 组件样式(含卡片、按钮、标签这类具体形态) / 动效,一个都不许出现。本份只说「有哪些块、什么顺序」。 🔴 交给③段时骨架是冻结的:③段不许新增、移动、删除板块。缺板块要回②段改。
〇、上游状态
| 上游 | 状态 |
|---|---|
②段 2a-产品功能.md |
✅ 已就位(14 条功能,六字段齐全) |
①段 1e-使用场景.md |
✅ 已就位(八条用户故事) |
| ①段 1a 的 9 条待复核 + A1–A4 | 🔴 未经用户确认。本份受它们影响的只有两处,已就地标出(见 §二 P1 与 §四) |
| 1b 竞品分析 | ✅ 已就位,跨项目。本份引用两处:Easel 发布中心的多平台直证、Easel 创作流水线的环节顺序 |
分档判据的读法(先说清,全篇一致):「删掉它,主操作还做得成吗」按结果正确读 —— 缺了它会把事情做错,等于没做成,那就归「主屏常驻」。这是本份对方法论的读法,写在这里以免后面逐条重复解释。
一、页型(一句判型 + 依据)
本产品是工具型页面,不是营销页。
依据:1a-需求文档.md §一 与 §四 里的用户是天天来干活的 MCN 团队(内容负责人、编导与文案、剪辑与投放),不是第一次来的访客。§八 留下的三个入口全是干活入口(找选题 / 走创作流水线 / 看矩阵复盘),没有一处是「让人下决心」的落地页。
⇒ ③段不要套落地页骨架。判据:本产品的每一页都有人在里面完成一件事,没有一页是为了让人「看一眼就下决心」而存在的。
二、八页骨架
P1 矩阵总览(一级组:看矩阵复盘)
这一页干什么:一屏回答每个账号今天该发什么、发了什么、效果如何。
板块清单(从上到下)
- 今日待处理 —— 跨账号的待办:待审、待确认、待复盘各几件
- 账号矩阵 —— 每个账号今日该发什么 / 已发什么 / 效果如何
⛔ 本块不写怎么呈现(矩阵、列表、卡片都是形态,归③段判,见
layouts-tooling.md§0) - 异常值提示 —— 最近哪些内容的数据异动
- 本月表现最好的一条
- 全局检索与随手记入口
主操作:决定今天先处理哪一件事,并进到那一件事。
信息分档
| 信息 | 档 | 判据回答 |
|---|---|---|
| 账号矩阵 | 主屏常驻 | 删掉它,主操作的对象就没了 —— 不知道有哪些账号,无从决定先处理哪件 |
| 今日待处理 | 主屏常驻 | 删掉它,主操作没有候选可挑,做不成 |
| 异常值提示 | 可点入 | 删掉它,主操作仍做得成(异常值是 P2 的输入,不是这一页的决策依据) |
| 本月表现最好 | 可点入 | 删掉它,主操作完全不受影响 —— 它只是激励 |
| 随手记入口 | 可点入 | 判据答「做得成」。⚠️ 但它是 F2 的入口,以全局可达的方式出现:任意页面一次点击内能碰到,不占 P1 的主屏常驻位 |
🔴 本页依赖 A1(账号数 10–50)与待复核第 5 条(矩阵级视图是否真需要)。若第 5 条复核为「不需要」,P1 从「矩阵总览」降为「单账号今日」,只留第 1、4 板块,矩阵列表下移到账号切换。
P2 选题雷达(一级组:找选题)
这一页干什么:找选题,并且把选中的那条推进下一步。
板块清单(从上到下)
- 对标监控概览 —— 四个数:在监控的账号数 / 低粉爆款条数 / 异常值条数 / 近三天更新条数
- 对标内容 —— 每条带它相对该账号平时水平的倍数(⛔ 同 P1,不写呈现)
- 评论区洞察(可点入子区)—— 取评论、出 AI 候选选题(
2aF3) - 选题库 —— 分「待做 / 在写 / 已用」三组
- 灵感速记入口
主操作:把一条选题推进下一步(去创作台,或去资产库拆解)。
信息分档
| 信息 | 档 | 判据回答 |
|---|---|---|
| 对标内容 | 主屏常驻 | 删掉它,主操作的对象没了,做不成 |
| 选题库 | 主屏常驻 | 删掉它,主操作没有可推进的条目,做不成 |
| 对标监控概览四数 | 主屏常驻 | 删掉它,看不出哪个账号值得看 —— 列表会长到没法挑,等于主操作做不成 |
| 评论区洞察 | 可点入 | 删掉它,仍能从对标列表拿到选题 |
| 灵感速记入口 | 可点入 | 同 P1 的随手记,全局可达 |
P3 资产库(一级组:找选题)
这一页干什么:把拆解结果存下来,下次能直接拿到。
板块清单(从上到下)
- 分区切换 —— 角度 / 结构 / 开场白 / 标题,一次看一个
- 资产条目 —— 当前分区下的条目(⛔ 不写呈现)
- 单条详情 —— 原文、出处、(草稿标记)
- 引用入口 —— 把这条拿去创作台用
主操作:把一条拆解结果入库;已入库的则把它引用到创作台。
信息分档
| 信息 | 档 | 判据回答 |
|---|---|---|
| 分区切换 | 主屏常驻 | 删掉它,四个分区分不开,入库不知道该进哪一区,主操作做不成 |
| 资产条目 | 主屏常驻 | 主操作对象 |
| 单条详情(原文 / 出处) | 可点入 | 删掉它,入库与引用都还做得成(入库门禁在守卫层,不靠这里显示) |
| 引用入口 | 可点入 | 删掉它,2a F4 的主路径改成从创作台来找,多绕一步;但 P3 自己的主操作(入库)不受影响 |
P4 创作台(一级组:走创作流水线)
这一页干什么:一条内容从选题走到成稿。
板块清单(从上到下)
- 当前内容标识 —— 这是哪条选题
- 环节进度 —— 七个环节的当前位置,可回退
- 当前环节工作区 —— 这一步实际干活的地方
- AI 产出与采纳 —— 当前环节的 AI 产出(生成中 / 已生成 / 失败重试)+ 采纳·驳回·改后再用
- 资产引用区 —— 从资产库拿角度、结构、开场白、标题
- 版本列表(可点入)
主操作:把当前环节推进到下一环节。
信息分档
| 信息 | 档 | 判据回答 |
|---|---|---|
| 环节进度 | 主屏常驻 | 删掉它,不知道下一环节是什么,主操作做不成 |
| 当前环节工作区 | 主屏常驻 | 主操作的对象 |
| AI 产出与采纳 | 主屏常驻 | 删掉它,当前环节的产出无处看、无处采纳 ⇒ 推进到下一环节做不成(2a 的 AI 状态流转已有,落位在此) |
| 当前内容标识 | 主屏常驻 | 删掉它,改到别的选题上也不知道,等于做错 |
| 资产引用区 | 可点入 | 删掉它,仍能凭空写(这正是 S2 要治的老毛病),主操作本身做得成 |
| 版本列表 | 可点入 | 删掉它,推进流程不受影响;只有回溯旧版时才需要 |
P5 发布中心(一级组:走创作流水线)
这一页干什么:把成稿展开成各账号各平台的版本,过闸,由人确认发出。
板块清单(从上到下)
- 目标选择 —— 这次发给哪些账号、哪些平台
- 各版本预览与逐版编辑 —— 一个目标一版
- 检查结果 —— 哪几处会被硬拦、哪几处只是提醒
- 确认发布 —— 含二次确认
- 发布记录入口(可点入)
主操作:确认发布。
信息分档
| 信息 | 档 | 判据回答 |
|---|---|---|
| 检查结果 | 主屏常驻 | 删掉它,会被硬拦项挡回去却不知道为什么,主操作做不成 |
| 各版本预览与逐版编辑 | 主屏常驻 | 主操作对象 |
| 确认发布 | 主屏常驻 | 删掉它就没有主操作本身了 |
| 目标选择 | 可点入 | 判据答「做得成」—— 从 P4 带着版本进来时,目标已定;只有从 P1 直接进来才需要现选 |
| 发布记录入口 | 可点入 | 删掉它,回查改从 P8 进 |
P6 账号画像(跨组)
这一页干什么:每个账号一份画像与记忆,看和改都在这一页。
板块清单(从上到下)
- 账号列表 —— 选一个账号
- 画像六维 —— 定位、风格、受众、平台、偏好与红线、长期记忆
- 记忆条目 —— 只追加,不覆盖
- 关联内容 —— 这个账号做过的内容
主操作:保存这一份画像。
信息分档
| 信息 | 档 | 判据回答 |
|---|---|---|
| 画像六维 | 主屏常驻 | 主操作对象 |
| 账号列表 | 主屏常驻 | 删掉它,不知道在改哪个账号的画像,会改错 |
| 记忆条目 | 可点入 | 删掉它,编辑画像与保存都做得成(记忆是回写产物,不是编辑动作的输入) |
| 关联内容 | 可点入 | 删掉它,主操作不受影响 |
P7 复盘台(一级组:看矩阵复盘)
这一页干什么:把一条已发布内容的表现读回来,写成这个账号的经验。
板块清单(从上到下)
- 待复盘项
- 这一条的表现数据
- 归因结论(由 AI 给出,可编辑)
- 确认与改判 —— 采纳、驳回或改后再用
- 回写目标提示 —— 这次回写到哪个账号
- 历史复盘(可点入)
主操作:确认归因并回写。
信息分档
| 信息 | 档 | 判据回答 |
|---|---|---|
| 表现数据 | 主屏常驻 | 删掉它,归因没有依据,主操作做不成 |
| 归因结论(可编辑) | 主屏常驻 | 主操作对象 |
| 确认与改判 | 主屏常驻 | 删掉它,结论没有采纳或驳回 ⇒ 回写没有依据,等于主操作没做成 |
| 待复盘项 | 主屏常驻 | 删掉它,不知道有什么可复盘,主操作做不成 |
| 回写目标提示 | 主屏常驻 | 删掉它,回写会落到错的账号,这条经验就废了 —— 等于主操作没做成 |
| 历史复盘 | 可点入 | 删掉它,当前这次复盘仍做得成 |
P8 记录与对账(一级组:看矩阵复盘)
这一页干什么:查发布留痕,核商单与收支对不对得上。
板块清单(从上到下)
- 发布记录 —— 谁在什么时候确认发的、发的是哪一版(⛔ 不写呈现)
- 单条溯源 —— 从记录回到内容与版本
- 对账核对区 —— 内容、发布记录、收支三样对得上
- 商单与收支(可点入,所属功能 F12 为 P2,第一版可能没有)
主操作:核销一条记录。
信息分档
| 信息 | 档 | 判据回答 |
|---|---|---|
| 发布记录 | 主屏常驻 | 知道有哪些记录,不知道就无从核销。判据:删掉它,主操作没有对象 |
| 对账核对区 | 主屏常驻 | 主操作对象 |
| 单条溯源 | 可点入 | 判据答「做得成」—— 核销看列表就够;要深究才点进溯源 |
| 商单与收支 | 可点入 | 删掉它,主操作仍做得成;且 F12 是 P2,第一版可能整块没有(见 2a §五 的暂缓项) |
三、页面流转
门开在哪:唯一入口是 P1。四个一级组是导航结构,不是四个入口。
一级导航三组 + 一个跨组入口(照 1a §八 的三个入口):
| 组 | 含哪几页 |
|---|---|
| 找选题 | P2 选题雷达、P3 资产库 |
| 走创作流水线 | P4 创作台、P5 发布中心 |
| 看矩阵复盘 | P1 矩阵总览、P7 复盘台、P8 记录与对账 |
| (跨组)账号画像 | P6 —— 从 P1、P4、P5 都能进 |
页与页怎么连
| 从 | 到 | 什么条件下 |
|---|---|---|
| P1 | P2 | 点「异常值提示」里的某条,或从今日待处理里挑到选题类待办 |
| P1 | P4 | 今日待处理里有「在写」的内容 |
| P1 | P5 | 今日待处理里有待审 / 待确认的内容 |
| P1 | P6 | 点账号矩阵里的某个账号 |
| P1 | P7 | 今日待处理里有待复盘的 |
| P1 | P8 | 今日待处理里有待核销的 |
| P2 | P3 | 对某条对标内容发起拆解 |
| P2 | P4 | 把一条选题转入创作 |
| P3 | P4 | 引用一条资产去创作 |
| P4 | P5 | 成稿态,去发布 |
| P4 | P6 | 需要查这个账号的口径 |
| P5 | P6 | 发布前要核账号口径 |
| P5 | P7 | 已发布,去复盘 |
| P5 | P8 | 发布后去查留痕 |
| P6 | P4 | 画像保存后回到创作 |
| P6 | P5 | 画像保存后回到发布 |
| P7 | P6 | 归因回写(写进该账号的画像) |
| P8 | P5 | 从一条记录回到它对应的版本 |
两条跨页规则(2a 里已写、在骨架里落地的):
- F7 的多版本跨 P4 与 P5:在 P4 出成稿,在 P5 展开并逐版确认。所以 P5 才需要「目标选择」这个板块。
- F13 的留痕跨 P5 与 P8:确认动作发生在 P5,记录可查在 P8。
全局可达:随手记出现在任意页面一次点击内(F2 是 P0,不能埋在两层下)。
四、骨架受限的两处(依赖未复核项)
- P1 的形态挂在待复核第 5 条上(矩阵级视图是否真需要)。若答「不需要」,P1 降为单账号今日,矩阵列表下移。这是一处结构性分支,③段动工前必须定。
- P8 的第 4 板块挂在待复核第 6 条与 A3 上(商单对账进不进第一版;收支口径)。若「不进第一版」,P8 只留第 1、2、3 板块。
回收三字段:复核人 = 主会话转用户;复核时机 = ②段收口时一次性过,③段动工前必须定;结论落点 = 本文件 §四 与 §二 P1、P8 对应板块。
五、五样给全核对(方法论要求,缺一样③段就没方向)
| 要求 | 本份落在哪 | 齐 |
|---|---|---|
| 页面清单(有哪几页,每页一句话说清干什么) | §二 八页,每页第一行 | ✅ |
| 页面流转(谁跳到谁、什么条件下) | §三 表 + 两条跨页规则 + 二级导航 | ✅ |
| 每页板块清单与排列(几个块、从上到下什么顺序) | §二 每页「板块清单(从上到下)」,逐页编号 | ✅ |
| 每页主操作(唯一那个推进动作) | §二 每页「主操作」 | ✅ |
| 每条信息的分档(主屏常驻 / 可点入,含判据回答) | §二 每页「信息分档」表 | ✅ |
| 页型一句 | §一 | ✅ |
附:本份自检
- 八页,每页有板块清单与排列顺序、主操作、信息分档(含判据回答)
- 页面流转写了「谁跳到谁、什么条件下」,并说明了门开在哪
- 零视觉词:配色 / 字体 / 间距 / 组件样式 / 动效,一个未出现(已回避「卡片」「按钮」「标签」这类具体形态词)
- 未写功能条目的有无与优先级(那是
2a),未描述页面「长什么样」 - 骨架受限的两处已标出来源(待复核第 5、6 条与 A3),并带回收三字段
- 上游状态写在文首;引用 1b 处标了证据等级
- 明确的骨架冻结声明:③段不许新增、移动、删除板块
- 未新增②段两份之外的文档
(说人话自评:46/50 直接性 9 / 节奏 9 / 信任度 10 / 真实性 9 / 精炼度 9 —— 判据源 humanizer-zh,门槛 45。)