Files
contentm_agent/执行会话/目标-根据1a需求文档生成MCN短视频整合营销-d85687/prd/2b-界面布局.md
T
WorkBuddy eee042c855 ③段第八轮收口:功能入口卡按参照物对齐 + 导航按 tiaoyue 源站重建 + 密度 A 方案
原型(执行会话/目标-…-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
2026-10-08 22:21:42 +08:00

15 KiB
Raw Blame History

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 矩阵总览(一级组:看矩阵复盘)

这一页干什么:一屏回答每个账号今天该发什么、发了什么、效果如何。

板块清单(从上到下)

  1. 今日待处理 —— 跨账号的待办:待审、待确认、待复盘各几件
  2. 账号矩阵 —— 每个账号今日该发什么 / 已发什么 / 效果如何 ⛔ 本块不写怎么呈现(矩阵、列表、卡片都是形态,归③段判,见 layouts-tooling.md §0)
  3. 异常值提示 —— 最近哪些内容的数据异动
  4. 本月表现最好的一条
  5. 全局检索与随手记入口

主操作:决定今天先处理哪一件事,并进到那一件事。

信息分档

信息 档 判据回答
账号矩阵 主屏常驻 删掉它,主操作的对象就没了 —— 不知道有哪些账号,无从决定先处理哪件
今日待处理 主屏常驻 删掉它,主操作没有候选可挑,做不成
异常值提示 可点入 删掉它,主操作仍做得成(异常值是 P2 的输入,不是这一页的决策依据)
本月表现最好 可点入 删掉它,主操作完全不受影响 —— 它只是激励
随手记入口 可点入 判据答「做得成」。⚠️ 但它是 F2 的入口,以全局可达的方式出现:任意页面一次点击内能碰到,不占 P1 的主屏常驻位

🔴 本页依赖 A1(账号数 10–50)与待复核第 5 条(矩阵级视图是否真需要)。若第 5 条复核为「不需要」,P1 从「矩阵总览」降为「单账号今日」,只留第 1、4 板块,矩阵列表下移到账号切换。


P2 选题雷达(一级组:找选题)

这一页干什么:找选题,并且把选中的那条推进下一步。

板块清单(从上到下)

  1. 对标监控概览 —— 四个数:在监控的账号数 / 低粉爆款条数 / 异常值条数 / 近三天更新条数
  2. 对标内容 —— 每条带它相对该账号平时水平的倍数(⛔ 同 P1,不写呈现)
  3. 评论区洞察(可点入子区)—— 取评论、出 AI 候选选题(2a F3)
  4. 选题库 —— 分「待做 / 在写 / 已用」三组
  5. 灵感速记入口

主操作:把一条选题推进下一步(去创作台,或去资产库拆解)。

信息分档

信息 档 判据回答
对标内容 主屏常驻 删掉它,主操作的对象没了,做不成
选题库 主屏常驻 删掉它,主操作没有可推进的条目,做不成
对标监控概览四数 主屏常驻 删掉它,看不出哪个账号值得看 —— 列表会长到没法挑,等于主操作做不成
评论区洞察 可点入 删掉它,仍能从对标列表拿到选题
灵感速记入口 可点入 同 P1 的随手记,全局可达

P3 资产库(一级组:找选题)

这一页干什么:把拆解结果存下来,下次能直接拿到。

板块清单(从上到下)

  1. 分区切换 —— 角度 / 结构 / 开场白 / 标题,一次看一个
  2. 资产条目 —— 当前分区下的条目(⛔ 不写呈现)
  3. 单条详情 —— 原文、出处、(草稿标记)
  4. 引用入口 —— 把这条拿去创作台用

主操作:把一条拆解结果入库;已入库的则把它引用到创作台。

信息分档

信息 档 判据回答
分区切换 主屏常驻 删掉它,四个分区分不开,入库不知道该进哪一区,主操作做不成
资产条目 主屏常驻 主操作对象
单条详情(原文 / 出处) 可点入 删掉它,入库与引用都还做得成(入库门禁在守卫层,不靠这里显示)
引用入口 可点入 删掉它,2a F4 的主路径改成从创作台来找,多绕一步;但 P3 自己的主操作(入库)不受影响

P4 创作台(一级组:走创作流水线)

这一页干什么:一条内容从选题走到成稿。

板块清单(从上到下)

  1. 当前内容标识 —— 这是哪条选题
  2. 环节进度 —— 七个环节的当前位置,可回退
  3. 当前环节工作区 —— 这一步实际干活的地方
  4. AI 产出与采纳 —— 当前环节的 AI 产出(生成中 / 已生成 / 失败重试)+ 采纳·驳回·改后再用
  5. 资产引用区 —— 从资产库拿角度、结构、开场白、标题
  6. 版本列表(可点入)

主操作:把当前环节推进到下一环节。

信息分档

信息 档 判据回答
环节进度 主屏常驻 删掉它,不知道下一环节是什么,主操作做不成
当前环节工作区 主屏常驻 主操作的对象
AI 产出与采纳 主屏常驻 删掉它,当前环节的产出无处看、无处采纳 ⇒ 推进到下一环节做不成(2a 的 AI 状态流转已有,落位在此)
当前内容标识 主屏常驻 删掉它,改到别的选题上也不知道,等于做错
资产引用区 可点入 删掉它,仍能凭空写(这正是 S2 要治的老毛病),主操作本身做得成
版本列表 可点入 删掉它,推进流程不受影响;只有回溯旧版时才需要

P5 发布中心(一级组:走创作流水线)

这一页干什么:把成稿展开成各账号各平台的版本,过闸,由人确认发出。

板块清单(从上到下)

  1. 目标选择 —— 这次发给哪些账号、哪些平台
  2. 各版本预览与逐版编辑 —— 一个目标一版
  3. 检查结果 —— 哪几处会被硬拦、哪几处只是提醒
  4. 确认发布 —— 含二次确认
  5. 发布记录入口(可点入)

主操作:确认发布。

信息分档

信息 档 判据回答
检查结果 主屏常驻 删掉它,会被硬拦项挡回去却不知道为什么,主操作做不成
各版本预览与逐版编辑 主屏常驻 主操作对象
确认发布 主屏常驻 删掉它就没有主操作本身了
目标选择 可点入 判据答「做得成」—— 从 P4 带着版本进来时,目标已定;只有从 P1 直接进来才需要现选
发布记录入口 可点入 删掉它,回查改从 P8 进

P6 账号画像(跨组)

这一页干什么:每个账号一份画像与记忆,看和改都在这一页。

板块清单(从上到下)

  1. 账号列表 —— 选一个账号
  2. 画像六维 —— 定位、风格、受众、平台、偏好与红线、长期记忆
  3. 记忆条目 —— 只追加,不覆盖
  4. 关联内容 —— 这个账号做过的内容

主操作:保存这一份画像。

信息分档

信息 档 判据回答
画像六维 主屏常驻 主操作对象
账号列表 主屏常驻 删掉它,不知道在改哪个账号的画像,会改错
记忆条目 可点入 删掉它,编辑画像与保存都做得成(记忆是回写产物,不是编辑动作的输入)
关联内容 可点入 删掉它,主操作不受影响

P7 复盘台(一级组:看矩阵复盘)

这一页干什么:把一条已发布内容的表现读回来,写成这个账号的经验。

板块清单(从上到下)

  1. 待复盘项
  2. 这一条的表现数据
  3. 归因结论(由 AI 给出,可编辑)
  4. 确认与改判 —— 采纳、驳回或改后再用
  5. 回写目标提示 —— 这次回写到哪个账号
  6. 历史复盘(可点入)

主操作:确认归因并回写。

信息分档

信息 档 判据回答
表现数据 主屏常驻 删掉它,归因没有依据,主操作做不成
归因结论(可编辑) 主屏常驻 主操作对象
确认与改判 主屏常驻 删掉它,结论没有采纳或驳回 ⇒ 回写没有依据,等于主操作没做成
待复盘项 主屏常驻 删掉它,不知道有什么可复盘,主操作做不成
回写目标提示 主屏常驻 删掉它,回写会落到错的账号,这条经验就废了 —— 等于主操作没做成
历史复盘 可点入 删掉它,当前这次复盘仍做得成

P8 记录与对账(一级组:看矩阵复盘)

这一页干什么:查发布留痕,核商单与收支对不对得上。

板块清单(从上到下)

  1. 发布记录 —— 谁在什么时候确认发的、发的是哪一版(⛔ 不写呈现)
  2. 单条溯源 —— 从记录回到内容与版本
  3. 对账核对区 —— 内容、发布记录、收支三样对得上
  4. 商单与收支(可点入,所属功能 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 里已写、在骨架里落地的):

  1. F7 的多版本跨 P4 与 P5:在 P4 出成稿,在 P5 展开并逐版确认。所以 P5 才需要「目标选择」这个板块。
  2. F13 的留痕跨 P5 与 P8:确认动作发生在 P5,记录可查在 P8。

全局可达:随手记出现在任意页面一次点击内(F2 是 P0,不能埋在两层下)。


四、骨架受限的两处(依赖未复核项)

  1. P1 的形态挂在待复核第 5 条上(矩阵级视图是否真需要)。若答「不需要」,P1 降为单账号今日,矩阵列表下移。这是一处结构性分支,③段动工前必须定。
  2. 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。)