📱 用 WorkBuddy
搭出你的 iPhone AI 工作台

请作为我的产品经理、信息架构师、UI/UX 设计师和前端开发助手，帮我设计并开发一个真正适合我本人日常使用的 iPhone 优先个人 AI 工作台。 产品暂定名：「蕾蕾的 Personal OS」 副标题：「把散落的生活，收进今天。」 这不是一个普通的待办清单，而是一个融合工作、个人生活、内容创作、学习、旅行、健康和教学管理的个人指挥中心。 请先理解需求、规划产品，再分阶段搭建。不要一开始直接输出大量代码或一次性堆完全部功能。 一、我的身份与使用场景 我是一个同时管理多重身份的自由职业者和内容创作者，主要包含以下六条生活与工作主线： 1. 自媒体内容创作 2. AI 学习与实践 3. 旅行计划与倒计时准备 4. 健康相关个人项目 5. 团课老师的课程与学员服务 6. 个人生活中的临时事务 我的典型事项包括： - 记录内容灵感 - 规划选题、脚本、拍摄、剪辑和发布 - 学习 AI 工具、课程和案例 - 输出 AI 学习成果 - 准备泰国旅行 - 查询和购买机票 - 准备行李、签证、酒店和旅行资料 - 推进健康项目的内容和产品产出 - 准备与项目投资人的沟通 - 安排团课和备课 - 整理并发送学员课后照片 - 记录运动安排 - 处理送鞋、购买物品等个人生活事务 二、目前最困扰我的问题 1. 灵感、任务和信息散落在微信、备忘录、邮箱和其他软件中； 2. 每天面对很多不同类型的事情，不知道应该先做什么； 3. 重要事项没有被拆成清晰的下一步行动，容易持续拖延； 4. 内容创作、学习、旅行、项目和生活事务缺少统一的可视化； 5. 记录很多，但回顾、整理和真正执行得很少。 三、产品目标 这个工作台应该帮助我完成以下转变： - 打开首页后，10 秒内知道今天最应该做的三件事； - 所有临时灵感先进入同一个收集箱，不再散落； - 每个项目都能看到进度、截止日期和下一步行动； - 旅行、内容、学习、健康和课程安排都能被可视化； - AI 自动分析任务，并生成克制、简短、可执行的每日简报； - 重要但被拖延的事情会得到提醒； - 页面内容丰富、有个人特色，适合录制社交媒体教程视频； - 丰富不等于杂乱，始终保持苹果原生、克制、低干扰的体验。 四、产品核心结构 底部使用固定的 iOS 毛玻璃 Tab Bar，共五个入口： 1. 今日 2. 项目 3. 日程 4. 收集箱 5. 我的 设置一个全局悬浮「＋」按钮，用于快速记录： - 新任务 - 新灵感 - 新笔记 - 新日程 - 新项目 - 照片或文件 任何高频功能最多两次点击即可到达。 五、首页：今日指挥中心 首页是整个产品最重要的页面，要有丰富的信息和明显的视觉记忆点。 首页从上到下包含： 1. 个性化顶部区域 显示： - 我的个人照片或头像 - 当前日期和星期 - 根据时间变化的问候语 - 一句简短的个人状态 - 今日完成进度 - 连续使用天数 示例： "下午好，蕾蕾。" "今天不需要完成所有事，只需要完成最重要的事。" 允许后续上传并更换我的照片。 2. AI 今日简报 以一张醒目的主卡片呈现，但不要做得过度科技化。 AI 简报需要综合分析： - 今日任务 - 逾期任务 - 各项目截止时间 - 旅行倒计时 - 今日课程 - 尚未完成的 Top 3 - 最近记录但没有整理的灵感 - 长时间未推进的项目 - Gmail 中可能需要处理的重要邮件 简报保持简短，建议使用以下结构： "今天的重点" "需要注意" "建议下一步" 示例： 今天最重要的是准备投资人沟通材料、确认泰国机票，并完成健康项目选题。 泰国旅行还有 18 天，机票尚未确认；投资人沟通已经临近，但准备进度较低。 建议先用 45 分钟完成投资人沟通提纲，再处理机票。 第一版优先实现基于任务、截止日期和优先级的规则简报。 如果当前环境支持 AI 模型调用，再增加"AI 深度分析"按钮。AI 不得擅自修改、删除或完成任务，只能提出建议，所有改变都需要用户确认。 3. 今日聚焦 Top 3 展示今天最重要的三件事。 每个事项显示： - 标题 - 所属领域 - 优先级 - 预计用时 - 截止时间 - 当前进度 - 一个明确的下一步行动 支持： - 从任务中加入 Top 3 - 调整顺序 - 勾选完成 - 延期 - 替换 - 开始专注计时 - 完成后的轻量反馈动画 4. 今日时间轴 使用竖向 Timeline 呈现当天安排，包括： - 团课时间 - 内容拍摄 - AI 学习 - 项目工作 - 运动 - 个人事务 - 空闲时间块 显示当前时间线，并区分： - 已完成 - 正在进行 - 即将开始 - 尚未安排 用户可以点击空白时间段新增安排，也可以将任务加入时间轴。 5. 六大生活主线 使用横向滑动的项目卡片或紧凑网格，展示： - 内容创作 - AI 学习 - 泰国旅行 - 健康项目 - 团课教学 - 个人生活 每张卡片显示： - 自定义图标或封面 - 项目名称 - 当前进度 - 下一步行动 - 截止日期或倒计时 - 待办数量 - 最近更新 不同领域使用低饱和主题色区分： - 内容创作：低饱和珊瑚色 - AI 学习：雾霾蓝 - 泰国旅行：低饱和沙金色 - 健康项目：鼠尾草绿 - 团课教学：淡紫灰 - 个人生活：暖灰色 颜色只用于小面积识别，不使用大面积高饱和背景。 6. 待处理提醒 单独显示需要注意但尚未进入 Top 3 的事项，例如： - 鞋子需要送洗 - 泰国机票尚未购买 - 投资人沟通材料尚未准备 - 三条灵感还未整理 - 学员课后照片还未发送 支持一键： - 加入今日 - 延期 - 标记完成 - 移入项目 - 忽略提醒 7. 最近灵感 显示最近三至五条灵感，并标注来源： - 手动记录 - 语音记录 - Gmail - 图片 - 网页 - 其他 支持一键将灵感转化为： - 内容选题 - 任务 - 项目 - 笔记 - 归档 六、项目中心 项目页面不要只做成普通列表，而要做成视觉化的个人生活地图。 默认包含六个项目空间： A. 内容创作 采用内容生产流程：灵感 → 选题 → 脚本 → 待拍摄 → 剪辑中 → 待发布 → 已发布 每个内容卡片显示： - 标题 - 内容平台 - 内容类型 - 当前阶段 - 计划发布日期 - 封面图 - 相关素材 - 下一步行动 支持平台标签： - 小红书 - 抖音 - 视频号 - 公众号 - 其他 增加简单统计： - 本周灵感数 - 制作中内容 - 已发布内容 - 待复盘内容 B. AI 学习 包含： - 正在学习 - 待学习 - 已完成 - 待实践 - 已形成成果 每条学习记录可以包含： - 学习主题 - 来源 - 链接 - 学习进度 - 关键笔记 - 下一步实践 - 是否可以转化为内容选题 突出"学完以后要产出什么"，避免只收藏不实践。 C. 泰国旅行 用高视觉化倒计时卡片呈现："距离泰国出发还有 XX 天" 包含旅行准备清单： - 机票 - 酒店 - 签证 - 保险 - 行李 - 路线 - 预算 - 网络与电话卡 - 当地交通 - 内容拍摄计划 每一项显示： - 状态 - 截止日期 - 预算 - 预订信息 - 相关文件 - 下一步行动 增加旅行准备完成百分比和倒计时进度。 D. 健康项目 包含： - 项目目标 - 当前阶段 - 本周关键产出 - 内容计划 - 产品或服务构想 - 投资人沟通 - 下一步行动 - 里程碑 - 项目资料 需要特别突出："准备投资人沟通材料" 可以拆分为： - 明确沟通目标 - 整理项目介绍 - 准备核心数据 - 整理商业模式 - 列出希望获得的帮助 - 预约沟通时间 E. 团课教学 包含： - 课程日历 - 课程名称 - 上课时间 - 上课地点 - 学员或班级 - 备课状态 - 课程重点 - 课后照片 - 课后反馈 - 是否已发送资料 增加一个"课后待处理"视图，自动汇总： - 尚未整理的照片 - 尚未发送的照片 - 尚未记录的课后反馈 - 下一节需要准备的课程 F. 个人生活 管理生活中的临时事务，例如： - 鞋子送洗 - 购买物品 - 预约 - 缴费 - 家庭事务 - 健康检查 - 其他杂事 七、任务系统 任务字段至少包括： - 标题 - 详细说明 - 所属项目 - 所属生活领域 - 优先级 - 截止日期与时间 - 预计用时 - 当前进度 - 下一步行动 - 是否加入今日 - 是否加入 Top 3 - 状态 - 创建时间 - 完成时间 - 相关链接 - 图片或附件 任务状态： - 收集箱 - 待处理 - 进行中 - 等待中 - 已完成 - 已取消 优先级不要只使用抽象的高、中、低，还需要结合以下因素生成建议： - 是否重要 - 是否紧急 - 是否临近截止日期 - 是否阻塞其他事项 - 是否已经拖延 - 是否与当前核心项目有关 AI 可以推荐优先级，但不能未经确认直接修改。 八、收集箱 将原来的"收件箱"改名为"收集箱"，避免和邮箱混淆。 收集箱用于承接所有还没来得及分类的信息： - 一句话灵感 - 临时任务 - 语音记录 - 照片 - 网页链接 - 邮件转入事项 - 待确认的计划 记录时尽量降低阻力，只强制填写内容。 支持后续整理为： - 今日任务 - 内容选题 - 项目任务 - AI 学习资料 - 旅行事项 - 团课事项 - 普通笔记 - 归档 显示： - 未整理总数 - 今日新增 - 最早未整理时间 - 建议优先整理的内容 九、Gmail 与 QQ 邮箱 Gmail 是可选增强功能，不应阻塞第一版开发。 如果当前 WorkBuddy 环境支持官方 Gmail Connector： 1. 通过 WorkBuddy 的 Connector/OAuth 授权连接 Gmail； 2. 不保存 Gmail 密码； 3. 只读取用户授权范围内的邮件； 4. 默认只获取最近邮件和重要邮件摘要； 5. 将邮件整理为"需要行动""等待回复""仅供阅读"； 6. 用户确认后，才能把邮件转化为任务； 7. 不得未经用户确认自动发送、回复或删除邮件； 8. 首页只显示摘要，不直接暴露敏感邮件正文。 如果当前环境无法使用 Gmail Connector： - 使用明确标注为"演示数据"的邮件卡片； - 保留"连接 Gmail"入口； - 不要伪造已经成功连接的状态。 QQ 邮箱第一版不做真实接入，仅保留： - "连接 QQ 邮箱"的禁用入口； - "即将支持"的提示； - 手动将邮件内容复制到收集箱的功能。 不要在纯前端或 LocalStorage 中存储邮箱密码、授权码、Access Token 或 API Key。 十、日程页面 提供日、周两种视图。 日视图突出当天时间轴。 周视图使用紧凑的可视化布局，帮助我观察： - 内容创作时间 - AI 学习时间 - 团课时间 - 运动时间 - 项目推进时间 - 旅行准备时间 - 个人生活事项 不同领域使用对应的低饱和颜色。 支持： - 新建日程 - 编辑和删除 - 重复日程 - 关联项目 - 关联任务 - 标记完成 - 拖动调整时间 - 时间冲突提醒 十一、个人数据面板 "我的"页面包含个人照片和以下可视化数据： - 本周完成任务数 - Top 3 完成率 - 本周专注时间 - 内容创作进度 - AI 学习时长 - 团课数量 - 运动次数 - 旅行准备进度 - 健康项目推进情况 - 收集箱清空次数 图表要简洁、克制，不使用复杂商业仪表盘风格。 可以使用： - 环形进度 - 小型趋势图 - 连续完成热力图 - 每周时间分布 - 项目进度条 十二、视觉风格 第一版采用"苹果原生＋低饱和个人手账感"。 视觉关键词： - 克制的白色 - 温柔 - 高级 - 清爽 - 低干扰 - 轻盈 - 有呼吸感 - 内容丰富但不拥挤 - 具有个人照片和生活痕迹 具体要求： - 背景使用柔和白色或非常浅的暖灰色 - 导航栏和底部 Tab Bar 使用适度毛玻璃效果 - 使用 iOS 风格系统字体 - 卡片采用细边框、微弱阴影和 16～22px 圆角 - 使用低饱和颜色区分生活领域 - 避免纯黑大色块 - 避免大面积渐变 - 避免霓虹色 - 避免过多悬浮卡片 - 避免典型企业后台风格 - 图标统一使用简洁线性图标 - 点击区域不得小于 44×44px - 适配 iPhone 刘海、灵动岛和底部安全区域 - 底部导航不得遮挡内容 - 支持浅色模式，深色模式可以放在后续阶段 个人化元素： - 支持上传个人头像和生活照片 - 旅行项目可以使用目的地照片 - 内容项目可以显示内容封面 - 团课项目可以显示课程照片 - 健康项目可以使用专属视觉图标 - 后续允许加入用户提供的手绘海报元素 在没有收到手绘参考图前，不要自行生成过于卡通的插画。先完成苹果原生低饱和版本，并为手绘视觉皮肤预留扩展能力。 十三、演示数据 因为这个产品需要用于教程视频录制，首次打开时请自动生成一套真实、丰富但不过量的演示数据。 演示数据必须与我的生活匹配，例如： 今日 Top 3： 1. 准备健康项目投资人沟通提纲 2. 查询并确认泰国往返机票 3. 完成 Personal OS 教程视频脚本 其他任务： - 鞋子送洗 - 整理上周团课照片 - 将课后照片发送给学员 - 学习一个新的 AI 工作流 - 整理三条小红书选题 - 安排本周运动 - 检查泰国酒店信息 旅行数据： - 距离出发 18 天 - 机票未完成 - 酒店已初步选择 - 行李清单完成 35% - 旅行准备总体完成 42% 内容创作数据： - 12 条灵感 - 3 条待写脚本 - 2 条待拍摄 - 1 条剪辑中 - 4 条已发布 团课数据： - 本周 4 节课 - 2 组课后照片待发送 - 1 节课程需要备课 请提供"恢复演示数据"功能，方便重复录制教程。 十四、数据与安全 第一版使用 LocalStorage 保存： - 任务 - 项目 - 日程 - 灵感 - 个人设置 - 演示数据 - 照片的本地引用或适当压缩后的数据 要求： - 刷新页面不丢失 - 对所有数据读写进行统一封装 - 数据结构可升级 - 提供数据导出与导入 - 提供恢复演示数据 - 清除数据前二次确认 - 不在 LocalStorage 中保存邮箱密码、授权码或 AI API Key - 真实 Gmail 数据与本地演示数据必须明确区分 十五、必须覆盖的状态 所有主要模块必须设计： - 正常状态 - 空状态 - 首次使用状态 - 演示数据状态 - 加载状态 - 操作成功状态 - 操作失败状态 - 网络不可用状态 - 删除确认 - 表单校验 - 邮箱未连接状态 - 邮箱授权失效状态 - AI 暂时不可用状态 当 AI 或邮箱不可用时，任务、项目、日程和收集箱仍然必须正常工作。 十六、开发顺序 请严格分阶段开发。 第一阶段：高保真可视化原型 先实现： - 全局视觉系统 - 底部五个 Tab - 首页完整布局 - 六条生活主线 - 丰富演示数据 - 旅行倒计时 - Top 3 - 今日时间轴 - 项目卡片 - 收集箱摘要 - 个人数据面板 第一阶段的重点是视觉完整、内容丰富、适合手机录屏。 第二阶段：核心交互与持久化 实现： - 任务增删改查 - Top 3 管理 - 项目管理 - 收集箱整理 - 日程管理 - LocalStorage 持久化 - 数据导入导出 - 演示数据恢复 第三阶段：领域工作流 实现： - 内容创作看板 - AI 学习转化流程 - 旅行准备清单 - 健康项目里程碑 - 投资人沟通准备 - 团课课后处理 - 项目进度和下一步行动 第四阶段：AI 与邮箱 实现： - 本地规则每日简报 - AI 深度分析 - Gmail Connector - 邮件行动项提取 - 邮件转任务确认 - AI 错误和未授权状态 第五阶段：个人化与体验优化 实现： - 上传个人照片 - 项目封面 - 低饱和主题 - 后续手绘海报视觉皮肤 - 微动效 - 深色模式 - 手机端全面适配与性能优化 十七、验收标准 最终产品必须满足： - 首页 10 秒内可以看懂今天的重点 - iPhone 页面无横向滚动 - 任意核心功能最多两次点击可达 - 刷新后本地数据不丢失 - Top 3 与任务数据保持同步 - 项目具有明确的下一步行动 - 旅行倒计时和准备进度正确 - 内容创作流程状态可以流转 - 团课照片待处理状态可以管理 - 收集箱内容可以转化为不同类型 - AI 不可用时核心功能仍然可用 - Gmail 未授权时不得显示为已连接 - 不在前端保存敏感凭证 - 演示数据足够丰富，适合录制教程视频 - 丰富但不杂乱，保持苹果原生和低饱和视觉 - 所有按钮都有明确操作反馈 十八、开始开发前必须先回答 在编写代码前，请先输出： 1. 你对这个产品的简短理解； 2. 你准备创建的页面； 3. 底部五个 Tab 的信息架构； 4. 核心数据结构； 5. 首页从上到下的模块顺序； 6. 第一阶段准备实现的内容； 7. 当前环境是否支持 Gmail Connector； 8. 哪些功能需要后端或额外授权； 9. 需求中存在的冲突或风险； 10. 你建议暂缓到第二版的功能。 等我回复"确认第一阶段"后，再开始搭建。 不要自行删减上述需求。如果某项当前无法实现，请明确说明原因并制作合理的降级方案，不要假装已经实现。

确认产品方向。现在只执行第一阶段：完成 iPhone 首页和五个底部导航页面的高保真可视化原型，使用完整演示数据。暂时不要接 Gmail，不要实现复杂后端。完成后先展示手机端效果和页面清单。

现在进入第二阶段。请逐项实现任务、Top 3、项目、日程和收集箱的真实交互，并使用 LocalStorage 持久化。每完成一个模块都要测试新增、编辑、完成、删除和刷新恢复。

请把当前 personal-os 项目制作成适合 iPhone 添加到主屏幕使用的 PWA，并部署为一个长期有效的 HTTPS 公开网址。 请基于当前已经完成的项目继续处理，不要重新创建项目，不要改变现有视觉风格、页面结构、业务功能和 LocalStorage 数据逻辑。 具体要求： 一、PWA 配置 1. 创建 manifest.webmanifest； 2. 设置应用名称为"蕾蕾 Personal OS"； 3. 短名称设置为"蕾蕾 OS"； 4. display 设置为 standalone； 5. orientation 设置为 portrait； 6. 配置 theme_color 和 background_color； 7. 配置适用于 iPhone 主屏幕的应用图标； 8. 在 index.html 中加入 manifest 引用； 9. 加入 apple-mobile-web-app-capable； 10. 加入 apple-mobile-web-app-status-bar-style； 11. 加入 apple-mobile-web-app-title； 12. 加入 apple-touch-icon； 13. 正确适配 iPhone 刘海、灵动岛和底部安全区域； 14. 从主屏幕打开时隐藏浏览器地址栏，尽量呈现原生 App 感； 15. 如果适合，请添加基础 Service Worker，使页面打开过一次后可以在弱网或离线状态下继续访问。 二、数据要求 1. 保留当前 LocalStorage 持久化功能； 2. 刷新页面后任务、项目和设置不得丢失； 3. 不要把个人数据写死在公开源代码中； 4. 演示数据和真实个人数据需要明确区分； 5. 提供数据导出、导入和恢复演示数据功能； 6. 不要清除当前已有数据； 7. 不要在前端保存邮箱密码、API Key 或其他敏感凭证。 三、部署要求 优先使用当前环境支持的一键部署能力，例如： - EdgeOne Pages - CloudStudio - 腾讯 CloudBase - 或当前 WorkBuddy 支持的其他静态网站托管服务 请完成真实部署，不要只告诉我命令，也不要要求我使用终端。 部署过程中如果需要登录腾讯云、授权或点击确认，请明确告诉我应该点击哪个按钮。 部署完成后请交付： 1. 可以用 iPhone Safari 打开的 HTTPS 网址； 2. 部署使用的平台； 3. 项目以后更新后如何重新发布； 4. 如何恢复到上一个版本； 5. 检查 manifest 和应用图标是否正常； 6. 检查 iPhone 添加到主屏幕后能否独立全屏打开； 7. 确认所有页面在 375px、390px、430px 宽度下没有横向溢出。 请先检查当前项目是否已经具备部署条件，再开始修改。如果发现错误，请先修复并验证。不要只生成部署说明，目标是实际得到一个可以访问的 HTTPS 链接。

请在不改变现有功能、页面结构、数据逻辑和交互流程的前提下，为整个 Personal OS 更换视觉皮肤。 视觉方向：「苹果原生极简 × 低饱和生活手账 × 轻手绘个人品牌」 一、整体气质 关键词： - 干净 - 克制 - 温柔 - 高级 - 轻盈 - 有呼吸感 - 低饱和 - 有个人生活痕迹 - 内容丰富但不拥挤 整体以苹果原生 iOS 产品为基础，融合少量编辑感手绘元素。 不要做成： - 企业级后台 - 普通 To-do List - 卡通儿童手账 - 二次元漫画 App - 高饱和少女风 - 过度装饰的拼贴风 - 满屏卡片的仪表盘 二、色彩系统 主背景： - 柔和暖白，不使用刺眼纯白 - 页面局部可以使用极浅暖灰 主要文字： - 深炭黑，不使用大面积绝对纯黑 辅助色采用低饱和配色： - 珊瑚粉：内容创作、核心操作 - 雾霾蓝：AI 学习 - 沙金米色：旅行 - 鼠尾草绿：健康项目 - 淡紫灰：团课教学 - 暖灰色：个人生活 颜色只用于： - 小面积卡片底色 - 标签 - 项目识别 - 进度条 - 当前选中状态 - 少量手绘笔触 禁止使用大面积渐变、霓虹色和高饱和背景。 三、人物 Logo 与个人形象 创建一个属于"蕾蕾"的手绘人物 Logo： - 黑色长发 - 温柔、有亲和力 - 保留铅笔线稿和不完全规整的笔触 - 颜色克制，以黑、灰、暖肤色和少量珊瑚粉为主 - 不是标准商业头像，而是具有个人辨识度的手绘形象 - 保持同一个人物形象，不要在不同页面随机改变长相、发型或服装 使用方式： - 首页顶部使用小尺寸圆形头像 - "我的"页面使用较完整的人物形象 - 空状态可以使用人物的小型动作插画 - AI 简报可以使用人物头像作为个人 AI 伙伴的视觉标识 - App 图标可以使用简化后的头像、发丝轮廓或手写字母 L 人物形象只作为点睛元素，不要让大幅人物插画占据每个页面。 四、手绘元素 可以少量使用： - 铅笔线条 - 手绘箭头 - 星星 - 爱心 - 波浪线 - 圆圈标记 - 珊瑚粉下划线 - 手写英文短句 - 不完全规则的边缘或笔触 手写短句示例： - make today count! - focus, then flow - keep growing - one by one - have a nice day! - you've got this 手绘元素必须克制。每个手机页面最多出现 1～3 处手绘装饰，不得影响正文阅读和按钮识别。 五、排版 主要界面信息继续使用清晰的 iOS 风格中文无衬线字体。 手写字体只用于： - 装饰性英文短句 - 小型批注 - 项目封面 - 空状态提示 不要使用手写字体呈现： - 任务标题 - 时间 - 数据 - 按钮 - 导航文字 - 重要操作说明 通过字号、留白和层级建立秩序，不要依靠大量分割线和卡片。 六、组件风格 卡片： - 18～22px 圆角 - 极细浅色边框 - 非常轻微的阴影 - 小面积低饱和背景 - 增加内边距与呼吸空间 按钮： - 主按钮使用深炭黑或低饱和珊瑚粉 - 次级按钮尽量使用文字按钮、浅色按钮或图标 - 保持至少 44×44px 点击区域 导航： - 使用 iOS 风格半透明毛玻璃底部导航 - 五个入口为：今日、项目、日程、收集箱、我的 - 图标使用统一的细线图标 - 当前入口清晰，但不要使用强烈发光效果 进度组件： - 使用细进度条、简洁环形进度和小型数字 - 不做企业数据大屏式图表 七、页面差异 今日： - 最有生活感和个人感 - 顶部显示蕾蕾的小头像和问候 - AI 简报使用柔和珊瑚粉或米色主卡片 - 可以出现一句手写短句 "focus, then flow ♡" 项目： - 六个项目使用低饱和颜色区分 - 每张卡片加入简单手绘图标 - 强调进度和下一步行动 - 不要堆积过多字段 日程： - 保持安静、有节奏的时间轴 - 用低饱和色块区分生活领域 - 可以加入手绘提示"给计划留一点呼吸" 收集箱： - 营造"先接住，再整理"的轻松感 - 快速记录入口明显 - 每条信息保留充分留白 - 不要做成传统邮件客户端 我的： - 以蕾蕾的手绘人物形象为视觉核心 - 显示名字"蕾蕾" - 显示品牌句"把散落的生活，收进今天。" - 用克制的环形进度展示内容、学习、运动和旅行 - 这是个人品牌感最强的页面 八、修改边界 这次只修改视觉皮肤，不要： - 重构 Store - 修改 LocalStorage 数据结构 - 删除现有功能 - 重命名数据字段 - 改变任务、项目、日程和收集箱的业务逻辑 - 重新搭建整个项目 - 引入复杂 UI 框架 - 为了视觉效果破坏手机端适配 请先： 1. 检查当前项目的全局样式和组件； 2. 列出准备修改的文件； 3. 建立统一的颜色、圆角、间距和阴影 Token； 4. 先完成"今日"和"我的"两个页面； 5. 展示效果并等待我确认； 6. 确认后再统一修改其他三个页面。 不要一次性重写全部页面。

请在不破坏当前个人工作台功能和原有数据的前提下，为它设计「账号登录、多设备同步和多人使用」的云端升级方案。我是零基础用户，请不要立刻修改代码，也不要一次性重写整个项目。 第一阶段：分析现状 请先检查并告诉我： 1. 当前项目使用什么技术； 2. 当前数据是否保存在 LocalStorage； 3. LocalStorage 的存储名称是什么； 4. 当前有哪些数据类型和字段； 5. 项目是否已经正式部署； 6. 是否已经存在后端、数据库或登录系统； 7. 升级过程中有哪些数据丢失和隐私风险。 第二阶段：比较方案 请为我比较以下两种方案： 方案 A：使用一体化云服务，实现登录、数据库、云函数和部署； 方案 B：自建后端、数据库和云服务器。 请从以下方面比较：小白操作难度、搭建时间、初期费用、持续维护费用、国内访问情况、数据隐私、后期扩展、数据迁移难度、是否适合当前项目。 如果需要选择具体云服务，请先比较不同平台的优缺点和当前官方价格，不要自动购买任何服务。 等待我确认方案后再继续。 第三阶段：设计功能 云端版至少包含：用户注册/登录/退出、登录状态保持、忘记密码或账号恢复、云数据库、手机电脑数据同步、不同用户数据权限隔离、JSON 导入导出、数据备份与恢复、加载/空状态/错误提示、网络断开后的提示。 多人使用额外包含： 创建工作空间、邀请成员、所有者/管理员/普通成员角色、成员查看和编辑权限、移除成员、退出工作空间、操作记录、多人同时编辑冲突处理。 第四阶段：安全要求 不得把数据库密码、服务端密钥、管理员密钥或 API Secret 写在前端；敏感信息必须用后端环境变量；每次读取和修改都验证当前用户身份；用户只能读取有权限的数据；不得仅依靠隐藏页面或按钮实现权限；所有正式页面必须用 HTTPS；数据库必须配置备份和恢复；未经确认不得删除 LocalStorage 数据。 第五阶段：本地数据迁移 修改前提醒我导出 JSON；备份当前稳定版本；显示准备导入的数据数量；检查字段兼容性；检查重复数据；用户确认后再导入；每条数据绑定当前登录用户；显示成功/失败/跳过数量；迁移失败允许回退；云端稳定前保留原始 LocalStorage 数据。 第六阶段：分阶段实施 不要一次实现所有功能，按顺序： ①备份当前版本和 JSON； ②设计数据库结构； ③实现注册和登录； ④实现单用户多设备同步； ⑤测试不同账号数据隔离； ⑥实现工作空间和成员系统； ⑦实现角色和权限； ⑧实现导入导出和恢复； ⑨完成云端部署； ⑩完整测试。 每完成一步告诉我：本次改了什么、我需做什么操作、应看到什么结果、如何验证、失败如何回退。 我是小白，请每次只给一个操作，等我回复完成后再继续。

请将当前 LocalStorage 个人工作台升级为「单用户多设备同步版」。我的需求只有： 1. 用户可以注册和登录； 2. 同一账号在手机和电脑登录后可读取同一份任务和项目数据； 3. 不同账号的数据必须完全隔离； 4. 支持从原来的 JSON 文件导入数据； 5. 支持继续导出 JSON 备份； 6. 不需要工作空间、成员邀请和多人协作。 请先检查现有数据结构，提供数据库设计和迁移方案。不要立刻修改代码，不得删除原 LocalStorage 数据，不得把任何密钥写在前端。等待我确认后再分步骤实施。

请在已实现「用户登录和多设备同步」的基础上，增加多人工作空间。需要支持： 1. 用户创建工作空间； 2. 通过邀请链接或邮箱邀请成员； 3. 所有者、管理员和普通成员三种角色； 4. 所有者可管理成员和删除工作空间； 5. 管理员可管理项目和任务； 6. 普通成员只能查看或编辑被授权的内容； 7. 所有数据必须绑定 workspace_id； 8. 后端必须验证用户是否属于当前工作空间； 9. 记录重要操作的操作者和时间； 10. 对多人同时编辑同一条任务设计冲突处理方案。 请先给出数据库结构、权限表和用户流程，等待我确认后再修改代码。

我是零基础用户，现在遇到了一个问题。 我的设备： 我的浏览器： 当前使用的链接： 我刚才进行了什么操作： 页面现在出现了什么： 我原本希望实现什么： 报错原文： 我是否已经导出JSON备份： 相关截图： 请先判断最可能的原因，不要立刻重写整个项目。请按照以下顺序帮助我： 1. 用小白可以理解的语言解释问题； 2. 告诉我这个问题是否可能导致数据丢失； 3. 如果有风险，先指导我完成备份； 4. 给出最小范围的修复方案； 5. 每次只告诉我一个操作； 6. 告诉我操作完成后应该看到什么结果； 7. 等我反馈结果后，再进行下一步； 8. 修复完成后，帮我进行测试； 9. 告诉我如果失败，应该如何恢复到修改前的版本。

我想在当前个人工作台中增加或修改一个功能。 我想实现： 当前页面已经具备： 必须保留的功能： 不能被修改的数据： 我的设备和浏览器： 请先检查现有项目结构，不要立刻重写代码。请先告诉我： 1. 这个需求是否可以在现有项目中完成； 2. 会影响哪些页面、功能和数据； 3. 是否可能导致原来的数据丢失； 4. 最小范围的修改方案是什么； 5. 是否需要备份当前版本； 6. 是否需要先导出JSON数据。 请先提供方案，等待我确认后再修改。 修改时必须遵守： 1. 只修改我指定的功能； 2. 不得清空LocalStorage； 3. 不得随意修改已有的存储名称； 4. 不得随意删除或重命名原有数据字段； 5. 不得删除现有功能； 6. 不得用全新项目覆盖当前稳定版本； 7. 如果必须调整数据结构，先提供兼容和迁移方案； 8. 修改完成后测试旧数据读取、新增、编辑、完成、删除和刷新； 9. 告诉我如何验证修改结果； 10. 告诉我如果失败，如何恢复到修改前的版本。 我是小白，请每次只告诉我一个操作，等我完成并反馈结果后，再继续下一步。

请停止继续修改。先不要删除、覆盖或重写任何内容。请总结： 1. 目前修改过哪些文件； 2. 修改了哪些功能； 3. 修改了哪些数据字段或存储名称； 4. 现在出现了什么问题； 5. 哪些原有功能可能受到影响； 6. 是否可能导致数据丢失； 7. 最近一个可以正常使用的版本是哪一个； 8. 如何恢复到最近一个可以正常使用的版本。 请先提供恢复方案，等待我确认后再执行。

刚才的修改没有达到预期，请不要继续叠加新的修改。请先比较修改前和修改后的差异，并告诉我： 1. 哪些文件发生了变化； 2. 哪些功能受到影响； 3. 哪些数据结构发生了变化； 4. 是否可以安全恢复； 5. 恢复以后是否会影响新产生的数据。 请优先恢复到最近一个确认可以正常使用的稳定版本。恢复前不得删除当前版本，请分别保留： - 修改前的稳定版本； - 当前出现问题的版本； - 最近导出的JSON数据。 等待我确认后，再执行恢复操作。

【我的工作台交作业】 1. 我搭的主题 / 生活主线：______ 2. 用到的提示词：提示词一 ~ 提示词四（✅ 全跑完 / 卡在 ___） 3. 公网链接状态：能打开（✅）/ 打不开（❌，现象是 ___） 4. 有没有加到 iPhone 主屏幕：加了（✅）/ 还没（❌） 5. 最满意的一个页面 / 功能：______ 6. 想继续优化的点：______

【求助 / 报错】 1. 我卡在的步骤：______ 2. 具体现象（截图更好）：______ 3. 报错原文（尽量完整复制）：______ 4. 我已经试过的办法：______ 5. 我的环境：iPhone Safari（✅）/ 电脑 Chrome（✅）/ 其他 ___