个人工作台原型：演绎方式与布局重构（汇报稿）

2026-10-10。性质：白晨 10-10 已拍板（见文末），原型已按此重做；第七节第 4 条随第 3 条的约 4 人日一并接受。原为提案。输入：白晨对现原型的点评（经主控转述）、组件与场景方案（下称「方案」）、首批开发拆解（下称「拆解」，今天仍在改，引用一律写 WB 编号）、伟华会原件、工作台的价值。1010 按一轮交叉评审修订（M1～M6 全改，建议 12 条采纳，不同意处见第六节）。外部参考截至 2026-10-10，网址在文末。

结论

1. 打开就播：链接打开 2 秒后自动放一段 90 秒精华。第一句讲价值——「每天早上打开，今天的事已经替你排好了」；接着看三张卡各自「今天发生了什么」；最后并排一周五个早晨的桌面。
2. 只在拍板处停：要人定的地方（家长回复要不要复制、写不写进飞书日历），旁白条上出两个大按钮，停 5 秒，不点就按推荐继续，并写明「真实使用时会一直等你」。
3. 播完就是样板间：随便点，点按即接管，「继续」回到这一步开头；时间轴上有完整一天的章节，「第一次打开」是最后一章；投屏时讲的人用键盘控制；另录一段 90 秒视频，发微信用。
4. 首页就是桌面：最上一条「今天」简报，下面是用户自己摆的模块卡片，「等你定」常驻右栏，空了就收起。卡片位置只归用户；每天的变化只出现在简报、卡片内容和当天描边上。
5. 没有左栏：电脑顶栏一个「全部模块」，手机放在底部页签。里面平铺所有模块，另有「为你推荐」「来自插件」两组；每个模块两个按钮——「打开」和「放上桌面」。
6. 卡片点开就是整页，卡里的某一条直达整页上的那一条；没有来源卡时从右侧滑入。
7. 第一次打开：简报条本身就是入门清单（拍课表、贴名单、记第一句），每张空卡写一个起点。不再有拖文件的入口。
8. 代价：首批开发比拆解多约 4 人日；改原型约 9 人日（第五节）。新原型套用白晨在风格样张里选定的那一款，布局和风格互不阻塞。

一、现原型为什么不自然

亲自在 1440 宽和 390 宽下走了两条线（http://127.0.0.1:8780/index.html、http://127.0.0.1:8780/index.html#youth），对照代码数过。

根因：演示的控制（提示条、托盘、跳过、「演示：填入」）和产品界面混在一起，又让看的人亲手推每个因果。剧本本身没问题。

二、新演绎方式

2.1 打开就播：90 秒精华

伟华多半在手机上点开链接，不会先找播放键，所以默认自动开演。开场先给两张大卡「班主任的一天」「青年职场人的一天」，5 秒不选就放默认那条（默认哪条见第七节）。精华只挑三张卡，每张一段：

• 班主任：07:40 满桌面 → 随手记一句考勤，认出两名学生、生成上报文字 → 09:50 家长私信进来，家长沟通卡亮起，回复草稿【停：复制回复】→ 周五学生档案卡放大成「李俊熙的一页」→ 一周五个早晨。
• 青年：09:05 满桌面 → 日程卡「就这样排」【停：写进飞书日历】→ 林岚的 @、存的文章、一句房租一起转进来，拆成待办、日程、随手记 → 随手记攒成文档【停：分享或关掉】→ 一周五个早晨。

收尾那一屏回答「愿不愿意每天打开」（原件:9）：周一到周五 07:40 的桌面缩略图并排，每天最上面那条不一样（周一本周课时、周三家长会倒计时、周五 42 份已备好）。

2.2 拍板处怎么停

旁白条平时一行（≤25 字）；到拍板处允许两行，写清「只复制、不代发」这类关键信息，下面两个大按钮（手机上也好点），右侧 5 秒倒计时。不点就按推荐继续，同时旁白补一句「演示替你选了推荐项；真实使用时不点就一直等着」——否则看的人会以为 AI 自己做了主，正好违背「写出去先拍板」。讲者模式下不倒计时。

2.3 播完之后

• 停在样板间，什么都能点。点按才算接管，滚动不算；接管后底部出「继续」，继续＝回到这一拍开头的状态再往下演。
• 时间轴列出完整章节（第四节），可跳；「第一次打开」放最后一章，精华结束页也有它的按钮。
• 键盘：空格暂停／继续，→ 下一拍，数字键跳到某一幕。讲者模式：不自动走，按一下走一拍，动画照常。
• 保底：用同一套自动驱动，以 Playwright 录一段 90 秒视频。发微信时视频最稳，可点的原型作为第二个链接。

2.4 外部的事怎么进来

不再有托盘。电脑上，一个缩小的手机画面从屏幕边滑进来：微信消息 → 截图后在工作台点「＋」（或长按「转到工作台」）→ 画面滑走，收件箱卡亮一下，「等你定」加 1。手机上不套手机，改成顶部系统通知横幅的样子。手机端怎么转发进来，方案还标着待验证（方案 G01），所以画面以「截图后点＋」为准，不承诺微信直接转发。

2.5 原型能演到哪一步

原型只能把「每天打开有新东西」和「想分享」的那个时刻演出来。用户会不会每天打开、会不会分享，只能靠试跑度量（WB-66）验证，汇报时别让人以为原型能证明这两件事。分享沿用现原型的做法（复制、导出 PDF、推荐给同事只复制推荐语），放在两条线的高潮处。

2.6 自动驱动怎么实现（已核对代码）

原稿写「按时间依次调用 auto() 即可」，这一条错了：

• auto() 只是静默跳到下一步的结果：skipBeat 先开快进开关（core.js:155-164）；快进时识别弹窗直接出草稿（core.js:209），选择题直接取默认（core.js:219），提示与动画都不出。依次调用的话，看的人只会看到界面一下跳到结果。
• 也不是每拍都有 auto()：两个「继续」过场拍和最后一拍没有（teacher.js:519、teacher.js:572、teacher.js:591），两个推荐拍的 auto() 是空的（teacher.js:571、youth.js:344）。

所以另写一个驱动：按每拍已有的 target（点哪里）、demo（填什么）模拟真实点击，快进开关保持关闭，识别弹窗、飞入动画照常播放；target 里列了多个按钮的拍（先选、再确认、再写出去），按顺序逐个点。

「回到本拍开头」不做状态快照，改为把现有「从某幕开头快进重放」（core.js:138，start）放宽到「某一拍开头」——循环本来就是逐拍走的。理由：待拍板草稿里带着 apply 函数（core.js:270），整份状态没法直接深拷贝；而重放是现成的，结果也确定。代价是接管时选的非默认项，在继续时会被还原成默认，旁白要说一句。

三、工作台布局逻辑

3.1 首页：桌面即今日

顶栏    AI 工作台 · 10 月 14 日 周三 07:40      全部模块 · 搜索 · 等你定 2 · 沈
第一行  【今天】下一节 08:00《将相和》· 今天 5 件 · 家长会还有 2 天（固定）
网格    [课表与校历] [待办] [随手记]
        [学生档案：本周还没记过 6 人]  [家长沟通] [日程]  [＋ 添加模块]
右栏    【等你定】家长会提醒（只复制）· 郑可欣（工作台内）（常驻，空了收起）

• 「今天」「等你定」两个台面固定，其余由人摆。依据是方案把它们定为「台面」、与对象组件分开（方案 G20、G21），首批两个台面随首批一起做（方案 1.4 节）。
• 用户摆、系统不重排：每天变化的东西只出现在三处——简报条（可取自任何模块，包括没上桌面的）、卡片里的内容和角标、当天有变化的卡描一圈边。原型里再画一张「今天」临时卡，由系统放在简报下面、当天结束自动收起，类似 iOS 智能叠放的建议位。
• 其他做法：今日一屏和桌面分两页（两个首页，不知道停在哪）；今日一屏只是普通一张卡（每天打开没有锚点）。都不选。

3.2 全部模块

iOS 有两样东西：App 资源库管「装了但不在主屏上的东西去哪找」（Apple 支持页 108324）；小组件库管「怎么放上桌面」——预览、选尺寸、添加（Apple 支持页 118610）。我们一个人实际只看到 11 个（青年）到 16 个（教师）模块，按类分组每组只剩 2～4 个，意义不大，所以：

• 一屏平铺图标，顶上两组：「为你推荐」（按第一次打开时的身份）、「来自插件」（飞书日历等插件视图，照样能预览、放上桌面，接上现有插件卡）。
• 点图标出预览卡，内容直接用方案里每个组件的「长什么样：卡片……；展开……」；两个按钮：「打开」（直接进整页，不上桌面）、「放上桌面」。没放上桌面的模块照样在跑。
• 原型里另画「组合包」，例如「家长会准备」＝学生档案＋家长沟通＋日程，标「即将上线」。这呼应价值文档「把工作方法打包成模块」，以后可以作为分享的单位。
• 插件页保留，只管外部账号的连接；伟华说的「插件页用户可以自己加」（原件:41）不变。
• 入口：电脑顶栏常驻「全部模块」；桌面末尾的「＋ 添加模块」打开同一个面板，只是默认停在「放上桌面」；手机放在底部页签。

3.3 卡片与整页

• 从桌面点卡片：卡片原地放大成整页（0.3 秒左右），返回时缩回原位；点卡里某一条，直达整页上的那一条（Apple 对小组件也要求点哪儿到哪儿，见 WidgetKit 文档）。
• 没有来源卡时（从「等你定」、搜索、别的卡里的链接、全部模块里打开）：整页从右侧滑入。
• 插件卡的「整页」就是现有的详情弹窗（apps/web/src/features/cards/DetailDialog.tsx），不另做。

3.4 导航

不要左栏。顶栏只放：日期时间、全部模块、搜索（首批只搜模块名）、「等你定」角标、头像。备选是一条只有四个图标的窄栏，如果试下来找模块慢再退过去，改动很小。

3.5 第一次打开

• 教师只问两件：你是做什么的、带哪个班。拆解推荐教师试跑只用工作台自己的日程、不接钉钉，所以不问日历，免得问了却接不上。
• 青年人两问：你是做什么的、用不用飞书日历（飞书日历已有插件）。
• 问完推荐 5～6 张卡，勾掉不要的再「放上桌面」。第一天的简报条就是入门清单：拍课表、贴名单、记第一句，完成一项划掉一项；每张空卡只写一个起点（课表卡：「拍一张课表就能排好这学期」）。教师这一套与开学向导（WB-35）合并，不另做向导页。依据：NN/g 建议空状态说清「这里会出现什么、怎么填」并给一个直接起点；Windows 小组件板、Notion 入门页也都是预置一个能用的起点，而不是全空（网址见文末）。

3.6 手机

单列为主；「今天」在最上，「等你定」紧跟其后；底部四个页签：桌面、等你定、＋（随手记、拍照、截图、粘贴）、全部模块；卡片点开即全屏。演示时播放器收成顶部一行字加一条细进度，不叠在底部页签上。

3.7 视觉风格

风格样张另在做（docs/prototypes/2026-10-10-个人工作台视觉风格样张/，B 暖纸、C 柔彩、D 玻璃、E 冷静）。新原型套用白晨选定的那一款：布局只定结构，风格只换配色、字体、圆角、质感，两边可以同时推进。

四、两条故事线的完整章节

剧本内容全部保留，只改推进方式。【停】＝拍板处，其余自动演；精华版见 2.1。

班主任的一天（完整约 6 分钟，停 4 次＋末章 1 次）

青年职场人的一天（完整约 4 分钟，停 2 次）

五、范围：原型里画／首批做／以后做

估时单位同拆解（人日：一个人带 AI 代理一个工作日），全部是推断。

首批增量都是界面上的事，不新增模块、不改后端模型；但它们都不在拆解里，属于范围增量，需要白晨点头（第七节第 3 条）。

六、评审意见里没照做或改了做法的

• 「每拍存状态快照」改为「重放到本拍开头」：草稿对象里带函数，整份状态没法直接深拷贝；而重放是现成的，结果也确定（2.6）。
• 拍板倒计时：照做，但加了一句旁白说明是演示替你选的，讲者模式不倒计时。不加的话，「不点就继续」会被看成 AI 自己拍板。
• 「全部模块」做成桌面最后一页：不采用。电脑网页没有「翻页」的习惯，顶栏常驻一个入口更好找；「最后一页」只留在手机的手势里，作为第二入口，首批不做。
• 默认故事线：评审建议默认放青年线；这和 10/16 前「以教师为主线」的待办有出入，所以改成开场二选一，默认哪条交白晨定。

七、待白晨拍板（10-10 已全部定，见文末）

1. 新演绎与布局方向整体是否同意（结论 1～7）。推荐同意，同意后按第五节「原型里画」一栏开工。
2. 给伟华的开场默认放哪条线。推荐默认青年人线：伟华说过「对于老师确实不是非常熟悉」（原件:13），他举的例子多是职场和生活；班主任线照样在开场二选一里。
3. 首批范围增量约 4 人日是否接受（第五节「首批做」一栏）。推荐接受：不加的话，桌面上找不到没放上来的模块，空桌面也只能把人引去插件页。
4. 青年人第一次打开要不要两问加入门清单（+0.5 人日；教师的已并入 WB-35）。推荐要，否则青年人切片第一天就是空桌面。（10-10：随第 3 条的约 4 人日一并接受）
5. 组合包和「分享模块」画不画进原型。推荐画，标「即将上线」，不进首批；它最能体现「工作方法可以转给别人」，但要另做产品设计。

参考（截至 2026-10-10）

• iOS App 资源库：https://support.apple.com/en-us/108324 、https://www.cnbc.com/2020/07/15/apple-ios-14-app-library-how-to-set-it-up.html
• iOS 小组件库、编辑与智能叠放（含配图）：https://support.apple.com/en-us/118610 、https://support.apple.com/guide/iphone/add-edit-and-remove-widgets-iphb8f1bf206/ios
• 小组件点开到对应页面：https://developer.apple.com/documentation/widgetkit/linking-to-specific-app-scenes-from-your-widget-or-live-activity
• Android 小组件选择器：https://support.google.com/android/answer/9450271?hl=en 、https://developer.android.com/develop/ui/views/appwidgets/overview
• 空状态与入门（含 Windows 小组件板）：https://www.nngroup.com/articles/empty-state-interface-design 、https://goodux.appcues.com/blog/notions-lightweight-onboarding 、https://support.microsoft.com/en-us/windows/experience/personalization/stay-up-to-date-with-widgets-in-windows
• 卡片到详情：https://www.notion.com/help/views-filters-and-sorts 、https://linear.app/docs/peek 、https://developer.mozilla.org/en-US/docs/Web/API/View_Transition_API
• 交互式演示的步数与章节（厂商自家统计，口径未核实）：https://www.navattic.com/blog/interactive-demos 、https://docs.storylane.io/tips-and-tricks/how-to-create-interactive-demos-that-convert
• 演示数据自造、可复原：https://www.reprise.com/resources/blog/demo-environments-guide 、https://supademo.com/blog/dummy-data

没查到、凭推断的：苹果设计资源库的官方动机；各演示平台「自动播放／接管」的功能原文。90 秒精华和 5 秒倒计时的节奏对不对，要白晨或伟华实看一遍才知道。

白晨 10-10 拍板

经主控转述，1010 白晨对第七节的回复如下，原型已按此重做（样板间原型）：

1. 方向同意（第七节第 1 条）。打开即自动播，但要有看得见、能用的播放控制：播放／暂停、上一拍／下一拍、章节跳转（时间轴）、倍速、重播本章、退出到样板间自由点；手机上也要有（收成顶部一行加细进度，点开展开）。键盘控制与讲者模式按本文 2.3 做。
2. 开场是二选一，默认青年线（第七节第 2 条）。
3. 首批范围增量约 4 人日接受（第七节第 3 条，第五节「首批做」一栏）。
4. 组合包与「把模块分享给同事」画进原型，标「即将上线」（第七节第 5 条），不进首批。

第七节第 4 条（青年人第一次打开两问加入门清单，+0.5 人日）没有单独回复；这 0.5 人日本就算在第 3 条的约 4 人日里，随之一并接受，拆解记为 WB-76；原型末章按推荐画了。