森虫虫 WorkBuddy 小白课

WORKBUDDY LESSON

先看看我们能做出来什么

PART 01 / 本集定位

先看能交付什么,再慢慢理解怎么做到

这两个项目彼此独立。项目一从真实办公材料出发,交付正式 Word 文件;项目二没有沿用会议内容,而是从新的个人需求出发,制作一个可交互的小应用。

项目输入最终产物重点能力
项目一|正式会议纪要促销活动阶段性沟通会1105.docx双11活动阶段沟通会会议纪要.docx读取材料、整理信息、遵守事实边界、生成正式文件
项目二|通用个人行动工作台个人情况、使用习惯和功能需求可实际操作的单文件 HTML 小应用需求访谈、产品结构、交互联动、本地保存、移动端适配
PART 02 / 项目一

凌乱会议记录变成正式会议纪要

这个项目展示 WorkBuddy 如何读取真实材料、整理信息、遵守事实边界并生成正式文件。成品应当结构清楚、重点完整,可以直接发给同事继续使用。

01 目标

整理成正式会议纪要

把凌乱的会议现场记录重新组织为重点完整、结构清楚、可以继续流转的正式文件。

02 材料

只读取唯一事实来源

只读取《促销活动阶段性沟通会1105.docx》,所有事实、数字、负责人和时间都以原始记录为准。

03 边界

不确定就标记待确认

数字冲突、负责人不明、截止时间不确定或仍需核实的内容统一标记“待确认”,不自行补全。

04 产物

交付正式 Word 文件

生成《双11活动阶段沟通会会议纪要.docx》,不要生成 Markdown 或纯文本文件,也不要覆盖原始记录。

05 验收

逐项回到原文核对

重点检查数字、负责人、时间、决定、行动项、风险与待确认事项,确认没有编造。

  1. 01

    准备独立工作空间

    新建“WB-第1课-会议纪要”文件夹,放入《促销活动阶段性沟通会1105.docx》的练习副本,不把唯一原件交给任务。

  2. 02

    引用材料并提交提示词

    选择该文件夹作为工作空间,引用这一个 Word 文件,粘贴页面中的会议纪要提示词。

  3. 03

    打开 Word 产物

    WorkBuddy 回报完成以后,直接打开《双11活动阶段沟通会会议纪要.docx》,确认文件能够正常阅读。

  4. 04

    与原始记录并排抽查

    抽查关键数据、负责人、时间、决定和行动项。发现错误时只修指定内容,不重做已经通过的部分。

正式会议纪要必须包含

  • 会议基本信息
  • 活动阶段进展
  • 各部门重点情况
  • 已经明确的决定
  • 主要风险
  • 下一步工作安排
  • 行动项清单
  • 待确认事项
项目一|可直接复制

正式会议纪要提示词

请处理当前工作空间中的《促销活动阶段性沟通会1105.docx》。

【目标】
把这份凌乱的会议现场记录整理成一份结构清楚、重点完整、可以直接发给同事使用的正式会议纪要。

【材料】
只读取我提供的《促销活动阶段性沟通会1105.docx》,并把这份原始会议记录作为唯一事实来源。

【事实边界】
1. 不要自行补充原文没有的信息。
2. 遇到数字冲突、负责人不明确、截止时间不确定或仍需核实的内容,统一标记为“待确认”。
3. 区分现场讨论、最终决定和后续待办,不要把个人建议写成已经确定的结论。
4. 不要修改或覆盖原始文件。

【产物】
生成一份正式的 Word 会议纪要,文件名为《双11活动阶段沟通会会议纪要.docx》。
会议纪要需要包含:
- 会议基本信息;
- 活动阶段进展;
- 各部门重点情况;
- 已经明确的决定;
- 主要风险;
- 下一步工作安排;
- 行动项清单;
- 待确认事项。
不要生成 Markdown 文件或纯文本文件。

【验收要求】
1. Word 文件能够正常打开;
2. 关键数据、负责人和时间与原始记录一致;
3. 讨论意见和最终决定已经区分;
4. 缺失或冲突的信息标记为“待确认”;
5. 明确的行动项全部进入行动清单;
6. 主要风险和下一步工作没有遗漏;
7. 没有编造原文中不存在的信息;
8. 原始会议记录没有被修改或覆盖。

完成后请回报新文件的保存路径,并列出你标记的待确认事项。
本集实操

Word 会议现场记录 → 正式会议纪要

输入
《促销活动阶段性沟通会1105.docx》的练习副本。
执行
识别会议信息,区分讨论、决定和待办,整理行动项并标记冲突与缺失。
产物
《双11活动阶段沟通会会议纪要.docx》。
核验
文件可打开;八个部分齐全;事实可回到原文;不确定项明确标记;原文件未被覆盖。
PART 03 / 项目二

通用个人行动工作台

这是一个与会议纪要完全独立的新项目。目标是让零基础学员第一次使用 AI 编程工具,就完成一个具备真实交互、数据联动、本地保存和移动端适配的小应用。

功能区 01

今日概览|首页仪表盘

用户进入工作台后默认首先看到这里。它只读取计划、提醒和账本的数据,不提供重复填写。

功能区 02

计划系统

包含计划管理和关键事项提醒。提醒依附计划,用户不需要重复录入同一件事。

功能区 03

独立番茄钟

番茄钟只负责倒计时和自己的专注统计,不读取计划、提醒或账本,也不会修改任务状态。

功能区 04

收支系统

目前包含一个完整模块:个人账本。它负责账目增改删、时间范围查询、统计与明细。

PART 04 / 功能规格

先讲清楚需求,再让WorkBuddy开始制作

计划只录入一次,关键提醒从计划读取;账目只在个人账本录入;今日概览读取计划、提醒和账本的最新数据。番茄钟是完全独立的计时工具。

01

计划管理

记录过去、今天和未来计划,并保存时间、全天状态、优先级和完成状态。

02

关键提醒

读取开启提醒的关键计划,计算提醒时间、剩余时间和当前状态。

03

独立番茄钟

直接选择时长并开始计时,保存目标结束时间;轮数和分钟只在番茄钟模块内统计。

04

个人账本

保存收入与支出,计算不同时间范围的汇总、趋势、分类和明细。

今日概览自动展示

  • 今日计划总数、已完成数量和完成比例
  • 下一项尚未完成的关键提醒
  • 今日收入、支出和结余
  • 计划完成或提醒变化后立即更新
  • 新增或修改账目后立即更新
计划

不只查看今天

可以回看过去日期的计划,也可以提前填写明天和未来日期;按日期与时间排序,支持编辑、删除和完成。

提醒

依附计划,不重复录入

计划中设置关键事项与提醒时间,提醒模块自动读取;已完成计划同步显示已完成状态。

专注

一个独立的计时工具

不选择任务也能直接开始;保存目标结束时间,刷新后重新计算剩余时间,但不读取或修改任何计划。

账本

完整记录不同日期的收支

每笔账包含类型、金额、分类、日期和备注,支持补记过去账目、编辑、删除和多条件筛选。

PART 05 / 制作顺序

需求访谈完成以后,再分阶段生成

需求访谈不是闲聊。它要帮助学员把身份、主要事务、作息、痛点和使用方式说清楚,再把已经确认的内容整理成可验收的产品范围。

  1. 01

    先完成需求访谈

    粘贴本页需求访谈提示词。让 WorkBuddy 每次只问一个问题,直到身份、日常任务、使用频率和优先需求足够清楚。

可直接复制

需求访谈提示词

我想制作一个适合我长期使用的“个人行动工作台”。在开始制作之前,请先了解我的基本情况,并通过提问帮助我把需求梳理清楚。

我的基本情况如下:

我的身份或职业是:【填写,例如:自媒体创作者、学生、上班族、自由职业者】

我目前最主要的事情是:【填写,例如:制作课程、运营自媒体、学习考试、管理多个项目】

我平时大概的作息是:【填写,例如:上午9点开始工作,晚上12点左右休息】

我现在最想解决的问题是:【填写,例如:事情太多容易忘记、计划经常做不完、缺乏专注、收支记录混乱】

我希望这个工作台至少包含以下部分:

今日概览;
计划管理,可以查看过去、今天和未来日期的计划;
关键事项提醒;
独立番茄钟,只负责倒计时和自己的统计,不读取或修改计划;
个人账本,可以记录并查询不同时间段的收入和支出。

页面左侧需要有导航栏,依次进入:

今日概览、今日计划、关键事项提醒、番茄钟、个人账本。

今日概览是整个工作台的首页仪表盘,只自动读取计划、提醒和个人账本的数据,不需要让我重复填写。番茄钟与今日概览、计划、提醒和账本都不关联。

请像一名产品经理一样,通过提问帮助我明确这个工作台应该怎样设计和使用。

现在先不要开始制作。请每次只问我一个问题,根据我的回答继续提问。
  1. 02

    确认四个功能区与五项导航

    要求它复述今日概览、计划系统、独立番茄钟、收支系统的关系,以及左侧导航的准确顺序。理解不一致时先修正。

  2. 03

    先做页面骨架和计划系统

    实现导航、今日概览空状态、计划增改删完成、过去/今天/未来查看和本地保存,逐项通过以后再继续。

  3. 04

    接入提醒与独立番茄钟

    提醒必须读取计划;番茄钟不读取计划。分别用提前 1 分钟提醒和 1 分钟课堂演示模式验证。

  4. 05

    接入个人账本

    添加今天与过去日期的账目,验证四种时间范围、汇总指标、每日趋势、分类统计和明细筛选。

  5. 06

    检查数据更新、刷新和手机端

    回到今日概览检查计划、提醒和收支;刷新页面确认各模块数据仍在;用手机宽度检查表单、按钮、卡片和图表。

PART 06 / 完整验收

按 16 步证明它不是静态网页

页面生成只是开始。只有真实添加数据、触发提醒、完成计时、查看统计并刷新复查,才能证明各模块确实联动。

  1. 01

    01–04|计划与提醒

    添加一条今天的计划;添加一条未来日期的计划;给今天计划设置提前 1 分钟提醒;等待提醒弹窗或提示音出现。

  2. 02

    05–08|独立计时

    直接进入番茄钟并选择 1 分钟课堂演示模式;开始计时;暂停并继续一次;等待结束提示并查看番茄钟自己的统计。

  3. 03

    09–13|账本与统计

    记录一笔今天的支出;补记一笔过去日期的收入或支出;切换近 30 天;查看总收入、总支出、结余和日均支出;查看每日趋势和分类统计。

  4. 04

    14–16|任务、保存与手机端

    单独将今天的计划标记完成并确认删除线;刷新网页确认数据仍在;在手机端打开并检查单栏布局和主要操作。

本集实操

通用个人行动工作台

输入
需求访谈结果、两条不同日期的计划、一条关键提醒、一次专注和两笔不同日期的账目。
执行
分阶段生成四个功能区,再按 16 步逐项操作;计划与提醒联动,番茄钟独立运行,账本更新首页收支。
产物
personal-action-workbench.html,HTML、CSS、JavaScript 全部内联,刷新后保留数据,手机端可操作。
核验
完成 16 步完整验收;番茄钟不读取或修改计划;没有重复录入;没有承诺关闭浏览器后的提醒、登录、数据库或跨设备同步。

完成第 1 课的两个独立项目

  • 用指定 Word 材料生成并核验正式会议纪要
  • 填写个人情况并完成一问一答的需求访谈
  • 让 WorkBuddy 按四个功能区分阶段生成工作台
  • 按 16 步完整验收独立计时、本地保存和手机端效果

视频中提到的资源

  • 1. WorkBuddy 官方文档地址https://www.codebuddy.cn/docs/workbuddy/Overview
  • 2. UI 风格提示词网页https://www.designprompts.dev/
  • 3.【重点】让个人工作台在手机上独立使用、电脑关机也不受影响的提示词

    这个工作台,我现在想在手机端上独立应用起来,你帮我部署上线,让我在电脑关掉的时候手机同样也能用。