体验方式
在线体验（普通模式，打开即用）： Job-Master · 秋招工作台
GitHub 仓库（TRAE 模式）： GitHub - luoqianshi/Oh-My-Jobs-Master: 可以嵌入AI Agent工具（例如Trae）的个人秋招工作台。 · GitHub
设计思路动画（20 秒看懂数据怎么流动）： Job-Master · 双模式设计思路动画
大家好，我是小骆，一名正在经历金九银十秋招的 2027届应届毕业生。这篇文章想分享我用 TRAE（TraeCode）从零到一做出来的求职小工具——Job-Master · 个人秋招工作台。它是我每天真的在用的秋招管家，不是演示品。
一、为什么它是「双模式」的
秋招的时间是割裂的：
-
碎片时间：零散时间刷微信群、刷公众号，看到「XX 集团 26 届校招启动」心里默念一句「不错」。但为此打开电脑、找到表格、填五个单元格——成本太高，大多数机会就这么划走了；
-
专注时间：真正坐到电脑前改简历、投递、准备面试时，需要的又不是信息，而是一张全景看板——每一家的进展到哪一步、下一步该干什么。
传统投递表格只有「打开电脑 → 打开表格 → 找到那一行」这一个入口，和这两种时间都不匹配。所以我给 Job-Master 设计了两种模式，对应两种时间、两种用法：
碎片时间（手机）
微信群刷到秋招推文 ──「帮我记为待投递」──▶ 手机端 TRAE
│ 电脑端 TraeCode 自动解析推文/截图/链接
▼
data/*.csv（唯一真相）◀── IMAP 采集求职邮箱，
▲ │ TraeCode 识别笔试/面试/Offer
焦点回归 · 行级合并 │ │ 60 秒/切页/关页 自动落盘
▼ ▼
专注时间（浏览器）
打开进度看板 ── 拖拽卡片逐一投递 ──▶ 改动自动写回 data/
上面这条链路，我把它做成了一个 20 秒的前端动画（纯 CSS/JS、零依赖，和主应用同一套视觉语言）：
设计思路动画： Job-Master · 双模式设计思路动画
二、普通模式：打开即用的单机版
适合不想折腾的同学：点开链接就能用，手动管理投递信息和进度。
-
「投递列表」记录企业 / 部门 / 岗位 / 状态 / 行业 / 工作地点 / 最新日期，关键词搜索 + 筛选 + 表内下拉改状态；
-
「进度看板」拖拽卡片变更进度，自动追加备注历史；
-
个人数据实时保存在你自己的浏览器里，关页不丢；「数据管理」页一键导出 CSV 持久化到本地，随时导入恢复；
-
零上传、零注册、零依赖——求职数据不出你的设备。
三、TRAE 模式：把 Agent 变成秋招管家
这是这个产品和普通表格最本质的区别：浏览器和 AI Agent 共管同一份数据。
四步接入：
-
clone 项目到个人电脑，用 TraeCode 打开；
-
在 TraeCode 中启用「手机控制电脑」功能，并在电脑上用 TraeCode 打开这个项目，让手机端 TRAE 绑定电脑上打开的这个项目；
-
参照
config/secrets.example.json配置个人求职邮箱（IMAP 授权码，填一次即可）； -
之后每天只需要两句话：碎片时间说「帮我记为待投递 + 微信群感兴趣的投递信息」，准备开始进行一天的秋招任务的时候先从对TraeCode说「同步一下今天的邮件」开始。
三个真实场景，也是我每天的真实用法：
场景 1 · 手机下单（碎片时间）。 在手机微信群里刷到感兴趣的秋招信息 → 直接转发给手机端 TRAE，说一句「帮我新增为待投递」→ 电脑上的 Agent 自动从推文（也支持截图、官网链接）里解析出企业、岗位、工作地点，在 data/jobmaster_data.csv 里创建一条「待投递」记录。人还在地铁上，活已经干完了——回家打开看板，新卡片已经躺在「待投递」列里等我。
场景 2 · Agent 打工（邮箱跟踪）。 笔试、面试通知总是淹没在营销邮件里，这是我秋招最深的痛。现在我对 Trae 说「同步一下今天的邮件」，它会运行 IMAP 采集脚本拉取求职邮箱新邮件，自动识别笔试 / 面试 / Offer / 感谢信，更新对应投递的状态、备注、最新日期，最后给我一张变更摘要表。再也不用人工翻邮箱找进展。
场景 3 · 浏览器验收（专注时间）。 坐到电脑前打开进度看板，把「待投递」列的卡片逐一批量投递，拖拽更新进度。（浏览器改动每 60 秒 / 切走标签页 / 关页前自动落盘回 data/）；Agent 的改动在页面获得焦点时按「更新时间较新者胜」自动行级合并——我在浏览器里做的拖拽、修改，Agent 都能看到；Agent 帮我记的账，刷新即见。双方永远共享同一份持久化的数据。
这三个场景拼起来，就是文首那个动画讲的故事：手机下单、Agent 打工、浏览器验收。
四、四个核心模块
| 模块 | 能干什么 |
|---|---|
| 投递列表 | 记录企业/部门/岗位/状态/行业/工作地点/最新日期，关键词搜索 + 按行业、状态筛选，表内直接下拉改状态 |
| 进度看板 | 待投递 → 简历筛 → 笔试筛 → 专业面 → 主管面 → HR面 → Offer / 已挂，拖拽卡片即变更进度，自动追加备注历史 |
| 邮箱收件 | IMAP 采集的邮件池，未读标记待处理，一键「创建投递」自动清洗企业名并预填 |
| 数据管理 | 投递漏斗统计（累计/近 7 天/各状态/行业分布，数字滚动动画）、CSV 导入导出、目录同步面板 |
四个模块在双模式下完全一致、数据模型同源——普通模式里它们是「你的笔记本」，TRAE 模式里它们是「你和 Agent 的共享白板」。
五、我是怎么用 TRAE 做出来的
整个项目从空文件夹到上线，一天内五个阶段全部由 TRAE 完成。
① 从聊需求开始，而不是从写代码开始。 我先给 TRAE 描述使用场景，让它产出实施计划再审阅批准：
/plan 我想要开发一个个人秋招工作台（Job-Master），具体包含以下功能模块：
- 秋招投递进度管理表，用来增删改查个人当前的简历投递情况，具体字段可以包含 所属类型{互联网、央国企}、企业名称、所属部门、投递岗位、投递时间、当前进度{简历筛，笔试筛，专业面，主管面，HR面，Offer}、官网链接等信息；
- 秋招投递进度看板，可以通过当前的进度来帮我逐一管理我的各类招聘事项的进度；
- 秋招邮箱信息管理，可以结合MCP，从网易邮箱大师中提取我的每天的邮箱信息，帮我通过筛选我的邮箱信息来监测我的各项秋招进度；
- 其它待拓展的功能…
我希望这个项目是一个单HTML主导的轻量工具，左侧是各个导航栏模块，支持缩放和一定程度的拉伸，右侧是核心内容区。
我希望项目的数据通过浏览器本地存储，同时同步一份信息在本地项目的CSV文件中做持久化备份。
我希望这个项目是一个 Agentic的项目，可以嵌入到TraeCode中，关键的能力可以沉淀为SKILL，例如动态从邮箱中提取每天的新增的秋招邮件信息、例如根据我的截图和官网链接来帮我自动新增一行新的秋招信息等，我希望它的交互方式是Agent驱动的，而不是还需要用户自己手动去处理。
第一个版本（四模块 + 看板拖拽 + CSV 同步）跑通后，TRAE 自己做了 9 项端到端浏览器测试，全部通过。
② 21 分钟，UI 从「能用」变「好看」。 我发了一张 Cursor CN 的截图，对 TRAE 说：
/goal /前端设计（插件）
请你参考图一中的Cursor CN的UI风格美化当前的Job-Master应用，我的要求如下： 1. 创建相关的icon元素用于当前的系统实现； 2. 考虑浅色风格优先； 3. 带有一些个性化的UI/UX设计。
21 分钟后：暖纸灰浅色主题、墨黑胶囊按钮、翡翠绿强调色、衬线标题 + 等宽眉标、18 枚手绘 SVG 图标、统计数字滚动、看板拖拽光环……全部落地，四个视图实测零 Console 报错。
③ 把高频操作沉淀成 Agent 技能。 我让 TRAE 把「同步邮件」「新增投递」「进度管理」封装成三个自定义 Skills，之后每次只需要一句话，Agent 就按既定流程完成采集、业务判断、回写 CSV、汇报变更摘要。
④ 最费劲的地方：让浏览器和 Agent 安全地共享同一份数据。 这不是把 CSV 读出来写回去那么简单——要保证浏览器本地缓存优先不丢数据、定时落盘不覆盖别人的新改动、外部修改能自动合并、服务器不支持 PUT 时降级为只读。TRAE 和我来回讨论了好几轮才定下「三层持久化 + 双通道同步 + 行级合并」的方案。
⑤ 最有趣的地方：现在我的秋招进度是「对话式」的。 邮箱里来了一封笔试通知，我不再需要打开表格找行、改单元格、记日期——对 TRAE 说一句话，进度、备注、最新日期全部更新，浏览器刷新即见。
⑥ 让它真正跑进我的日常。 上线不是终点。我把 TRAE 的「手机控制电脑」接进来，又给邮箱同步定了每天的习惯——现在这个工作台是「碎片时间在手机上派活、专注时间在浏览器里验收」的完整闭环，而这条闭环里的每一个环节，都是对 TRAE 说一句话实现的。
六、成果展示
在线体验（普通模式）：https://luoqianshi.github.io/Oh-My-Jobs-Master/（纯前端，打开即用，数据存在你自己的浏览器里）
设计思路动画：https://luoqianshi.github.io/Oh-My-Jobs-Master/design-animation.html（建议先看这个，20 秒理解双模式）
GitHub 仓库（TRAE 模式）： GitHub - luoqianshi/Oh-My-Jobs-Master: 可以嵌入AI Agent工具（例如Trae）的个人秋招工作台。 · GitHub
- 截图 1：投递列表总览（彩色状态胶囊 + 行业/地点标签）
- 截图 2：进度看板拖拽改状态
- 截图 3：手机微信转发推文给 TRAE →「已创建待投递」回复
- 截图 4：邮箱收件池 + 一键创建投递
- 截图 5：数据管理页——投递漏斗统计与同步状态面板
七、功能更新进展
项目一天内从 0 到 1 的完整迭代时间线（2026-09-15）：
| 版本 | 更新内容 |
|---|---|
| v0.1 核心框架 | 四大模块（投递列表/进度看板/邮箱收件/数据管理）落地；localStorage + CSV 双存储；看板拖拽改状态并自动追加备注历史；9 项端到端测试通过 |
| v0.2 UI 重设计 | 全量重设计为 Cursor CN 风格：暖纸灰浅色主题、墨黑胶囊按钮 × 翡翠绿强调、衬线标题 + 等宽眉标、18 枚自绘 SVG 图标、数字滚动/弹性入场/拖拽光环等微交互；四视图零报错 |
| v0.3 邮箱链路 | fetch_emails.py IMAP 采集脚本（零第三方依赖）联调通过；解决网易 IMAP ID 命令与 Message-ID 去重；邮件池与「一键创建投递」打通 |
| v0.4 数据守护 | 本地缓存优先三层持久化；60 秒定时 / 切页 / 关页前自动落盘；HTTP 同步与 File System Access 目录授权双通道，PUT 不支持时自动降级只读；外部变更按更新时间行级合并 |
| v0.5 字段升级 | 新增「所属行业」（预设 6 类 + 支持自定义并自动收入下拉）、「工作地点」（多选，彩色标签渲染）、「最新日期」（可为未来日期）三个字段；新增「待投递」状态共 8 枚举；旧数据自动迁移，无需手动处理 |
接下来想做：漏斗转化率与投递趋势可视化、笔试/面试时间提取生成日历提醒（ICS 导出）、邮件智能匹配已有投递、面试复盘笔记、WebDAV 多端同步、PWA 离线安装。
如果你也在秋招，欢迎直接点链接用起来（普通模式零门槛），或者 clone 一份开启 TRAE 模式，让 Agent 替你盯邮箱、记进度——你只管投简历和准备面试。有问题欢迎在评论区交流，也欢迎交流秋招情报 