# 任务墙提示词（本地服务器）

> 怎么用：交给 Codex、Claude Code、Kimi Code：整段粘贴，让它直接开发成一个网页
> 出处：openbangSeller「任务墙」专栏（/wall）。示例按「小红书部门」填好了，换成你自己的部门再用。

你是一名前端工程师。请帮我做一个「小红书部门任务墙」网页：总控 Agent 把活写上墙，子 Agent 领活，干完把结果写回墙上；我打开就能看出谁在干活、谁闲着、哪件活在等我拍板。

【放在哪、数据存哪】
放在公司自己的服务器上（一台一直开着的电脑也行），用 Node.js 起一个小服务，墙上的活存在 SQLite 里，局域网里的人打开看到的是同一面墙；开机自启，每天自动备份一份。告诉我怎么装、怎么启动、端口怎么开、别人用什么地址打开。

【怎么做】
- 页面用 HTML + CSS + 原生 JavaScript 写，越简单越好，不用登录。
- 我在页面上的选择（看哪个时间、深色还是浅色）记在浏览器本地（localStorage）。
- 全中文界面；电脑、手机都能看，手机上不能左右滚动；右上角有深色、浅色切换按钮。

【墙上记什么】
- 活按笔记拆开：一件活落在哪几条笔记上就写哪几条。不要拿单个产品当一级单位。
- 子 Agent：选题 Agent、写稿 Agent、出图 Agent、发布 Agent、复盘 Agent
- 任务分四种：
- 定时任务：到点自动跑。例：每天 09:00 抓热点，出 5 个选题
- 并发任务：按笔记拆开，同时干、同时完成。例：5 篇笔记的封面一起出
- 派单任务：派一单，干完就算。例：5 篇打成发布包，等你点头
- 临时任务：突然冒出来的事，马上处理。例：评论区有人投诉：预警、写回复草稿、等你看过再回
- 每件活的字段：类型、落在哪几条笔记上（可以没有，也可以好几条）、任务内容、负责 Agent、开始时间、完成时间（可以空）、要不要人拍板、结果、检查结果。
- 要人拍板的事：对外发布笔记、回复投诉和差评、花钱（投放、合作费用）。这种活 Agent 做完只到「等拍板」，人点头以后才算完成，页面上不能自动跳过。

【页面要有这几块】
1. 顶部：标题、今天的一句说明，加几个时间按钮（比如 09:20、10:00、10:50、11:30），点哪个就看那一刻的样子；键盘 ← → 也能切。
2. 谁在干活：每个子 Agent 一个状态灯。干活中是一个在转的小圈，等拍板是橙红色，空闲变暗。同一时间同时干好几条笔记的，写成「干活中 ×5」。
3. 任务分几种：四种任务各一张说明卡；指着哪一种，表里这种活亮起来，别的变暗。
4. 任务表：一件活一行，列是类型、笔记、任务、负责 Agent（写全名）、状态（已完成、进行中、等拍板、排队中）、时间、结果、检查。每行最左边一道颜色条表示状态；同时干的那一刻，这几条笔记的格子一起亮。手机上一件活变成一张小卡片。
5. 底部一句话：总控 Agent 盯着这面墙，我只看「等拍板」的那几行。

【状态怎么算】给定一个时间 t：
- t 早于开始时间：排队中。
- 写了完成时间，而且 t 不早于完成时间：已完成。
- 其余的：要拍板的是「等拍板」，不要拍板的是「进行中」。
- 子 Agent：手上有进行中的活就是「干活中」（同时干几条笔记就写 ×几）；只剩等拍板的活就是「等拍板」；别的都是「空闲」。

【先拿这一天的活做示例】页面上写明「示例」：
- 定时任务：抓热点、看爆款，出 5 个选题（每天 09:00）；选题 Agent；09:00–09:20；结果：选题清单
- 并发任务：5 篇笔记同时写；笔记 1、2、3、4、5；写稿 Agent；09:20–10:00；结果：文案 5 篇
- 并发任务：封面和配图同时出；笔记 1、2、3、4、5；出图 Agent；10:00–10:40；结果：封面 5 张
- 派单任务：打成发布包，你点头后 12:00 定时发；笔记 1、2、3、4、5；发布 Agent；10:40–12:00；要拍板；结果：发布包
- 临时任务：昨天一篇的评论区有人投诉：预警，写回复草稿等你看；复盘 Agent；10:50–11:30；要拍板；结果：回复草稿
- 定时任务：复盘今天的笔记：阅读、评论、互动（每天 20:00）；复盘 Agent；20:00–20:30；结果：复盘报告

【做完告诉我】
1. 文件在哪、怎么打开（要装的话，怎么装、怎么启动），墙上的活在哪改。
2. 你自己检查过：每个时间按钮都点过，状态算得对，手机宽度下不能左右滚动，深色浅色都看得清。
3. 以后要接飞书多维表格，需要改哪几处。