我的工作台

为什么不直接用现成的工具

市面上的项目管理工具，擅长的是「管很多条相似的记录」：表格、看板、批量修改、存视图。我的工作正好反过来：项目少，但每个项目里的东西很杂、很容易散——

• 业务方口头说的口径散在微信里，过两天就不记得哪个定了、哪个没定；
• 让 Claude、Codex 各出一版比稿，选了哪一版、哪一版是我手改过不许 AI 再动的，要靠脑子记；
• 在等谁给什么、最晚哪天要，不催就卡住交付。

第一版我其实照搬了给家人做的另一个工作台（管几十个达人，表格、看板齐全），用了半天就觉得太重——我不需要「管很多条」，我需要「把一个项目理清」。当天推倒重来，这也成了后面所有设计的第一条原则：先看自己的工作长什么样，别照搬工具。

它做了什么

一眼看到今天该做什么

最上面是「焦点」：最近要上线的项目还有几天、今天该做什么、交付到哪一步了、还卡在谁那里。下面是今天到期和逾期的事，勾掉有动画；右边是「在等谁」，按最晚哪天要排好，过期标红，「催一下」会拼好一句客气话，几件事可以合成一段一次催完。

把 AI 当同事：开工包和回填

我同时用好几个 AI 工具，最大的问题是它们各按各的记录走。工作台在中间做「交接」：

• 开工包：一个按钮，把这个项目的口径、还在等的、上次类似的项目、知识库里相关的笔记、可以参考的素材，拼成一段交给 AI；
• 回填：开工提示词要求 AI 收工时按固定格式写一段汇报，我整段贴回来，工作台识别出要更新的下一步、交付、新的待确认，我勾选确认后一次写进去；
• 比稿：几个 AI 各出一版，选定后自动记一条「拍板的口径」，后面每个 AI 开工都会看到。

知识库和素材库，直接读我电脑上的文件

知识库是一个本地文件夹（几个 AI 共用的那份），素材库是各省的切图、弹窗、长图。工作台用浏览器的文件夹访问能力直接读，文件不上传；素材按文件夹名自动分出省份、类型、活动、月份，重复的图折成一张，做新活动时会推荐「去年同期、同省份」的图。

三种风格，一套内容

我很在意好不好看，所以外观每次都是先出样稿图、挑定了再做。最后留下三种，在设置里随时切换，内容和结构完全一样：

经典白卡片、青绿点缀、留白多；深色是紫蓝微光。

精密参考 Linear、Vercel 这类专业工具：细线、紧凑、数字对齐，顶部是交付节点轨道。

玻璃贴近苹果 macOS / iOS：毛玻璃、彩色图标、大标题，焦点是三个圆环。

做法上，三种风格共用同一份页面代码，换的只是一层「皮」：颜色、圆角、阴影都是变量，另外两种风格的每一条样式都只在自己的风格下生效，碰不到经典那一版。今天页的「焦点」按风格换画法——进度条、节点轨道、圆环，看的是同一组数字。

怎么做出来的

需求、取舍、审美判断和验收是我；写代码和测试主要是 Claude Code。我们一天里迭代了五版，每一版都先给方案或样稿，我拍板了再动手：

1. v1 · 能用照着已有的工作台搭了待办、待确认、排期、提示词模板。用了半天，太重。
2. v2 · 按自己的工作重做砍掉表格、看板、批量，改成「一个项目一页从上往下读」；加了「已拍板的口径」「最晚哪天要」「底稿不许 AI 改」。
3. v3 · 好看出了三张样稿挑风格；加了资源页、本机素材库、⌘K 搜索、动效。
4. v4 · 接上知识库和 GitHub在工作台里看笔记；读几个 AI 共用的进度看板；把收集箱的内容存进知识库草稿；项目进度回写到看板（先给我看改动再提交）。
5. v5 · 三种风格 + 工作流焦点仪表盘、周报、一次催完、开工包；素材库重新分类；还有这个演示版和这一页。

几个我坚持的工程习惯：

• 每次大改都留回退：改之前打标记，数据库只加不删，旧版代码照样能读新数据，回退是一条命令。
• 真实数据不进代码：代码仓库是公开的，我的省份、项目、仓库名都放在仓库外的「初始化包」里导入；GitHub 令牌只在服务器上，浏览器拿不到；素材和笔记只在本机浏览器里显示。
• 每一版都有自动化测试：用真浏览器把每个功能点一遍，三种风格、深浅色、手机宽度都截图检查。

Cloudflare Workers + D1原生 JavaScript（无框架）File System Access APIGitHub APIPlaywright 自动化测试Claude Code

演示版是怎么回事

真实的工作台要密码，里面是我的工作。为了能给别人看，我做了一个不用登录的演示版：页面和真实版是同一套代码，只是把「服务器」换成了浏览器里的一份模拟（字段校验用的是同一份规则），数据全是虚构的，你的改动只存在你自己的浏览器里，点「重置」就恢复。三种风格都能切，项目、在等谁、开工包、周报、知识库、素材库都能真的用。